अनुप्रयोग स्थानीयकरण Node.js. भाग 3: कार्रवाई में स्थानीयकरण

एक अनुवादक से: यह मोज़िला आइडेंटिटी टीम से Node.js श्रृंखला में ग्यारहवां लेख है, जो पर्सोना प्रोजेक्ट में शामिल है।

---

तार का उपयोग करना

तो, सबसे पहले, हमने i18n-abide मॉड्यूल को हमारे एप्लिकेशन से जोड़ा और गेटटेक्स्ट कॉल में लाइनों को लपेटा। तब हमारी अनुवाद टीम ने इन पंक्तियों का अनुवाद किया और हमारे पास प्रत्येक भाषा के लिए एक तैयार अनुवाद है।

अब स्थानीय स्ट्रिंग्स के साथ काम करते हुए हमारा Node.js एप्लिकेशन प्राप्त करें। पो-फाइल के रूप में अनुवाद निम्नलिखित रूप में फाइल सिस्टम में हैं:

locale en LC_MESSAGES messages.po de LC_MESSAGES messages.po es LC_MESSAGES messages.po 

हमारे आवेदन के निष्पादन के दौरान, हमें इन फ़ाइलों से अनुवादित लाइनों को निकालने की आवश्यकता है। ऐसा करने के दो तरीके हैं:

• i18n-abide मॉड्यूल से एक ही गेटेक्स्ट फ़ंक्शन का उपयोग करके सर्वर साइड पर;
• gettext.js स्क्रिप्ट का उपयोग करके क्लाइंट पक्ष पर, जो कि i18n-abide का भी हिस्सा है।

इन दोनों विधियों के लिए आवश्यक है कि तार JSON प्रारूप में हों। सर्वर की ओर से अनुवाद करते समय, उन्हें एप्लिकेशन स्टार्टअप पर लोड किया जाता है, और क्लाइंट HTTP अनुरोधों का उपयोग करके उन्हें लोड करता है (या आप उन्हें निर्माण प्रक्रिया के दौरान एक छोटा जावास्क्रिप्ट फ़ाइल में शामिल कर सकते हैं)।

चूंकि हमारी अनुवाद प्रणाली GNU गेटटेक्स्ट के साथ संगत है, इसलिए एक तीसरा तरीका भी है - नोड-गेटटेक्स्ट मॉड्यूल। यह सर्वर साइड ट्रांसलेशन में काफी प्रभावी है।

आगे हम पहली विधि पर विचार करेंगे, क्योंकि यह i18n-abide का उपयोग करने का सबसे परिचित तरीका है।

संकलन json

हम पो फाइल्स से स्ट्रिंग्स कैसे निकालते हैं और उन्हें JSON फॉर्मेट में ट्रांसलेट करते हैं? इस उद्देश्य के लिए हमारी स्क्रिप्ट को संकलन-जोंस कहा जाता है।

मान लीजिए कि हमारी अनुवाद फाइलें हमारी परियोजना की जड़ में स्थानीय फ़ोल्डर में हैं, और JSON फाइलें स्थिर / i18 में होनी चाहिए:

 $ mkdir -p static/i18n $ ./node_modules/.bin/compile-json locale static/i18n 

हमें निम्न फ़ाइल संरचना मिलती है:

 static i18n en messages.json messages.js de messages.json messages.js es messages.json messages.js 

compile-json सभी po-files के माध्यम से जाता है और उनमें से प्रत्येक के लिए po2json.js स्क्रिप्ट को कॉल करता है, जो संबंधित .json और .js फ़ाइलों को उत्पन्न करता है।

उदाहरण के लिए स्पेनिश अनुवाद लें:

 # Spanish translations for PACKAGE package. # Copyright (C) 2013 THE PACKAGE'S COPYRIGHT HOLDER # This file is distributed under the same license as the PACKAGE package. # Austin King <ozten@localhost>, 2013. # msgid "" msgstr "" "Project-Id-Version: PACKAGE VERSION\n" "Report-Msgid-Bugs-To: \n" "POT-Creation-Date: 2012-06-24 09:50+0200\n" "PO-Revision-Date: 2013-04-24 16:42-0700\n" "Last-Translator: Austin King <ozten@nutria.localdomain>\n" "Language-Team: Spanish\n" "Language: es\n" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" "Plural-Forms: nplurals=2; plural=(n != 1);\n" #: /home/ozten/abide-demo/views/homepage.ejs:3 msgid "Mozilla Persona" msgstr "Mozilla Personidada" 

वह इस तरह दिखेगा:

 "messages": { "": { "Project-Id-Version": " PACKAGE VERSION\nReport-Msgid-Bugs-To: \nPOT-Creation-Date: 2012-06-24 09:50+0200\nPO-Revision-Date: 2013-04-24 16:42-0700\nLast-Translator: Austin King <ozten@nutria.localdomain>\nLanguage-Team: German\nLanguage: de\nMIME-Version: 1.0\nContent-Type: text/plain; charset=UTF-8\nContent-Transfer-Encoding: 8bit\nPlural-Forms: nplurals=2; plural=(n != 1);\n" }, "Mozilla Persona": [ null, "Mozilla Personidada" ] } } 

हम इस फाइल को सर्वर साइड पर, Node.js एप्लिकेशन में, और क्लाइंट साइड पर, इसे अजाक्स अनुरोध के साथ खींच कर उपयोग कर सकते हैं।

इंटरनेट से पहुंच के लिए स्थिर निर्देशिका खुली है, इसलिए स्पेनिश अनुवाद प्राप्त करने के लिए आपको फ़ाइल /i18n/es/messages.json का अनुरोध करना होगा।

स्थिर निर्देशिका एक्सप्रेस ढांचे का एक सामान्य समझौता है, आप किसी अन्य का उपयोग कर सकते हैं। आप Node.js और किसी भी वेब सर्वर, जैसे कि Nginx, का उपयोग करके अनुवाद फाइलें जमा कर सकते हैं।

पीओ फाइलें स्वयं हो सकती हैं, लेकिन उन्हें उत्पादन में अपलोड करना आवश्यक नहीं है।

विन्यास

i18n-abide को यह जानने के लिए कॉन्फ़िगर करने की आवश्यकता है कि कौन सी भाषाएं उपलब्ध हैं और कहां अनुवाद फाइलें हैं। इस तरह के विन्यास का एक उदाहरण पहले भाग में दिया गया था:

 app.use(i18n.abide({ supported_languages: ['en-US', 'de', 'es', 'zh-TW'], default_lang: 'en-US', translation_directory: 'static/i18n' })); 

• support_languages ​​यहां उस एप्लिकेशन को इंगित करता है जो अंग्रेजी, जर्मन, स्पेनिश और पारंपरिक चीनी में अनुवाद हैं।
• translation_directory कहता है कि अनुवाद के साथ json फ़ाइलें स्थिर / i18n निर्देशिका में हैं।

ध्यान दें कि ट्रांसलेशन_निर्देशक पैरामीटर केवल सर्वर साइड पर गेटटेक्स्ट के लिए आवश्यक है।

i18n-abide सबसे उपयुक्त उपयुक्त support_languages ​​में सूचीबद्ध भाषाओं में से चुनने का प्रयास करेगा।

हम मोटर्स शुरू करते हैं

इसलिए, जब कॉन्फ़िगरेशन सेट होता है और अनुवाद कम से कम एक स्थान के लिए तैयार होता है, तो आप शुरू कर सकते हैं। ब्राउज़र में, हम उस पसंदीदा भाषा को बदल देते हैं जिसे हम चल रहे एप्लिकेशन में जांचना चाहते हैं:



हम आवेदन के पन्नों में से एक पर जाते हैं। इसे अनुवाद में प्रदर्शित किया जाना चाहिए। उदाहरण के लिए, पर्सन का ग्रीक संस्करण है:

गॉबल्डीगुक

अनुवाद तैयार होने से पहले ही बहुभाषी अनुप्रयोग का परीक्षण करने के लिए, हमने डेविड बॉवी की क्लिप " लैब्रिन्थ " से प्रेरित एक विशेष मॉड्यूल बनाया।

इसका उपयोग करने के लिए, बस एक लोकेल जोड़ें, जिसके लिए अनुवाद अभी तैयार नहीं है, उदाहरण के लिए, यह समर्थित-languages ​​और debug_lang मापदंडों में CH है:

 app.use(i18n.abide({ supported_languages: ['en-US', 'de', 'es', 'zh-TW', 'it-CH'], debug_lang: 'it-CH', ... 

अब, यदि आप स्विस इतालवी का उपयोग करने के लिए अपने ब्राउज़र को स्विच करते हैं, तो i18n-abide इस भाषा के लिए gobbledygook का उपयोग करेगा।



यह सुनिश्चित करने के लिए एक सुविधाजनक तरीका है कि साइट डिज़ाइन दाईं से बाईं ओर वर्तनी के साथ भाषाओं का भी समर्थन करती है, उदाहरण के लिए, हिब्रू:

गहरा जाओ

हमने सिर्फ अंतर्राष्ट्रीयकरण और स्थानीयकरण की सतह को छुआ है। Node.js पर एक बहुभाषी अनुप्रयोग विकसित करते समय, आप कई दिलचस्प बारीकियों और अप्रत्याशित जाल में आ जाएंगे। यहाँ उनमें से कुछ हैं।

स्ट्रिंग इंटरपोलेशन

I18n-abide में एक प्रारूप फ़ंक्शन है जो क्लाइंट साइड और सर्वर साइड दोनों पर उपयोग किया जा सकता है। यह एक स्वरूपित स्ट्रिंग लेता है और रन टाइम पर पैरामीटर मानों को प्रतिस्थापित करता है। यह दो संस्करणों में इस्तेमाल किया जा सकता है:

• % s - प्रारूप को स्वरूपित स्ट्रिंग और मापदंडों की एक सरणी के साथ कहा जाता है जिसे क्रम में प्रतिस्थापित किया जाएगा।
• % (नाम) s - पैरामीटर को एक ऑब्जेक्ट के रूप में स्थानांतरित किया जाता है जिसका फ़ील्ड नाम स्ट्रिंग में पैरामीटर नामों से मेल खाना चाहिए।

फॉर्मेट का उपयोग HTML मार्कअप के साथ पीओएल-फाइल को कम करने के लिए किया जा सकता है। तीन उदाहरण लें:

 <%= gettext('<p>Buy <a href="/buy?prod=blue&type=ticket">Blue Tickets</a> Now!</p>') %> <p><%= format(gettext('Buy <a href="%s">Blue Tickets</a> Now!'), ['/buy?prod=blue&type=ticket']) %></p> <p><%= format(gettext('Buy <a href="%(url)s">Blue Tickets</a> Now!'), {url: '/buy?prod=blue&type=ticket'}) %></p> 

पो-फाइल में, उनमें से प्रत्येक के लिए लाइनें इस तरह दिखाई देंगी:

 msgid "<p>Buy <a href=\"/buy?prod=blue&type=ticket\">Blue Tickets</a> Now!</p>" msgid "Buy <a href="%s">Blue Tickets</a> Now!" msgid "Buy <a href="%(url)s">Blue Tickets</a> Now!" 

पहले उदाहरण में, स्ट्रिंग में एक टैग शामिल है

 . !   -  ,      .    URL. 
 
  format   ,  ,   HTML,     ,      . 
 
    ,   .   ,        URL.   -     . 
 
      -    ,      : 
 
 <p><%= format(gettext('Welcome back, %(user_name)s'), {user_name: user.name}) %></p> 
    
          ,      . 
 
    .   CSS,     . 
 
   CSS.               . ,    . 
 
   
           .     ,     100%-       ,   ,         . 
 
      ,      .      . 
 
           ,      . 
 
 
   : "      Node.js " "  Node   " "    ,     " "  .  1 — , ,  " "  ,      " "  .  2 —      etagify " "   -   node-convict " "  .  3 —   " "   Node.js.  1 " "   Node.js.  2:    " "   Node.js.  3:    " " Awsbox - PaaS-    Node.js   Amazon " 
 

. ! - , . URL.

format , , HTML, , .

, . , URL. - .

- , :

<p><%= format(gettext('Welcome back, %(user_name)s'), {user_name: user.name}) %></p>

, .

. CSS, .

CSS. . , .


. , 100%- , , .

, . .

, .


: " Node.js " " Node " " , " " . 1 — , , " " , " " . 2 — etagify " " - node-convict " " . 3 — " " Node.js. 1 " " Node.js. 2: " " Node.js. 3: " " Awsbox - PaaS- Node.js Amazon "


. ! - , . URL.

format , , HTML, , .

, . , URL. - .

- , :

<p><%= format(gettext('Welcome back, %(user_name)s'), {user_name: user.name}) %></p>

, .

. CSS, .

CSS. . , .


. , 100%- , , .

, . .

, .


: " Node.js " " Node " " , " " . 1 — , , " " , " " . 2 — etagify " " - node-convict " " . 3 — " " Node.js. 1 " " Node.js. 2: " " Node.js. 3: " " Awsbox - PaaS- Node.js Amazon "


. ! - , . URL.

format , , HTML, , .

, . , URL. - .

- , :

<p><%= format(gettext('Welcome back, %(user_name)s'), {user_name: user.name}) %></p>

, .

. CSS, .

CSS. . , .


. , 100%- , , .

, . .

, .


: " Node.js " " Node " " , " " . 1 — , , " " , " " . 2 — etagify " " - node-convict " " . 3 — " " Node.js. 1 " " Node.js. 2: " " Node.js. 3: " " Awsbox - PaaS- Node.js Amazon "


. ! - , . URL.

format , , HTML, , .

, . , URL. - .

- , :

<p><%= format(gettext('Welcome back, %(user_name)s'), {user_name: user.name}) %></p>

, .

. CSS, .

CSS. . , .


. , 100%- , , .

, . .

, .


: " Node.js " " Node " " , " " . 1 — , , " " , " " . 2 — etagify " " - node-convict " " . 3 — " " Node.js. 1 " " Node.js. 2: " " Node.js. 3: " " Awsbox - PaaS- Node.js Amazon "


. ! - , . URL.

format , , HTML, , .

, . , URL. - .

- , :

<p><%= format(gettext('Welcome back, %(user_name)s'), {user_name: user.name}) %></p>

, .

. CSS, .

CSS. . , .


. , 100%- , , .

, . .

, .


: " Node.js " " Node " " , " " . 1 — , , " " , " " . 2 — etagify " " - node-convict " " . 3 — " " Node.js. 1 " " Node.js. 2: " " Node.js. 3: " " Awsbox - PaaS- Node.js Amazon "


---

. ! - , . URL.

format , , HTML, , .

, . , URL. - .

- , :

<p><%= format(gettext('Welcome back, %(user_name)s'), {user_name: user.name}) %></p>

, .

. CSS, .

CSS. . , .


. , 100%- , , .

, . .

, .


: " Node.js " " Node " " , " " . 1 — , , " " , " " . 2 — etagify " " - node-convict " " . 3 — " " Node.js. 1 " " Node.js. 2: " " Node.js. 3: " " Awsbox - PaaS- Node.js Amazon "