TacoTranslate
/
ՓաստաթղթերԳնագոյացում
 
Հոդված
04 մյս

React հավելվածների միջազգայինացման (i18n) լավագույն լուծումը

Ցանկանում եք ձեր React հավելվածը մուտք գործել նոր շուկաներ՞ TacoTranslate-ը դարձնում է React հավելվածների տեղայնացումը անչափ պարզ՝ թույլ տալով ձեզ առանց դժվարությունների հասնել համաշխարհային լսարանին։

Ինչու ընտրել TacoTranslate-ը React-ի համար?

  • Անխափան ինտեգրում: Հատուկ React հավելվածների համար մշակված է՝ TacoTranslate-ը հեշտությամբ ինտեգրվում է ձեր առկա աշխատանքային հոսքին.
  • Ավտոմատ տեքստերի հավաքում: Այլևս անհրաժեշտ չէ ձեռքով կառավարել JSON ֆայլերը։ TacoTranslate-ը ավտոմատ կերպով հավաքում է տեքստերը ձեր կոդաբազայից.
  • Արհեստական բանականությամբ ուժեղացված թարգմանություններ: Օգտագործեք արհեստական բանականության ուժը՝ ստանալու կոնտեքստին համապատասխան և ձեր հավելվածի տոնին հարմարվող ճշգրիտ թարգմանություններ.
  • Ակնթարթային լեզվային աջակցություն: Ավելացրեք նոր լեզուների աջակցությունը ընդամենը մեկ կտտոցով՝ դարձնելով ձեր հավելվածը գլոբալորեն հասանելի.

Ինչպես է գործում

Տեղադրեք TacoTranslate փաթեթը՝ npm-ի միջոցով:

npm install tacotranslate

Մոդուլը տեղադրելուց հետո ձեզ անհրաժեշտ կլինի ստեղծել TacoTranslate հաշիվ, թարգմանական նախագիծ եւ համապատասխան API բանալիներ. Ստեղծեք հաշիվ այստեղ. Դա անվճար է, եւ չի պահանջվում կրեդիտ քարտի տվյալներ.

TacoTranslate հավելվածի UI-ում ստեղծեք նախագիծ և անցեք դրա API բանալիների ներդիրին։ Ստեղծեք մեկ read բանալին և մեկ read/write բանալին։ Մենք դրանք կպահենք որպես միջավայրային փոփոխականներ։ read բանալին մենք կոչում ենք public՝ իսկ read/write բանալին՝ secret։ Օրինակ, կարող եք դրանք ավելացնել ձեր նախագծի արմատում գտնվող .env ֆայլում։

Ձեզ նաև անհրաժեշտ կլինի ավելացնել ևս երկու միջավայրի փոփոխականներ: TACOTRANSLATE_DEFAULT_LOCALE և TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Սա լռելյայն (fallback) locale-ի կոդն է։ Այս օրինակով մենք այն սահմանում ենք որպես en՝ անգլերենի համար։
  • TACOTRANSLATE_ORIGIN: Սա այն «folder»-ն է, որտեղ կպահվեն ձեր տողերը, օրինակ՝ ձեր կայքի URL‑ը։ Ավելին origins-ի մասին կարդացեք այստեղ։
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Համոզվեք, որ գաղտնի read/write API բանալին երբեք չբացահայտվի հաճախորդի կողմի արտադրական միջավայրերում։

TacoTranslate-ի կարգավորումը

Ինտեգրեք TacoTranslate-ը ձեր React հավելվածում՝ ձեր հավելվածը փաթաթելով TacoTranslate-ի կոնտեքստի մատակարարի մեջ:

import React, {useState} from 'react';
import TacoTranslate, {Translate} from 'tacotranslate/react';

const tacoTranslate = createTacoTranslateClient({
	apiKey: 'YOUR_API_KEY',
});

export default function App() {
	const [locale, setLocale] = useState('en');

	return (
		<TacoTranslate client={tacoTranslate} locale={locale}>
			<Translate string="Hello, world!"/>
		</TacoTranslate>
	);
}

Հիմա կարող եք օգտագործել Translate կոմպոնենտը ձեր հավելվածի ցանկացած տեղում՝ թարգմանված տեքստ ցուցադրելու համար։ Անպայման ծանոթացեք մեր փաստաթղթերին՝ ավելին իմանալու և ձեր միջավայրին հատուկ իրականացման ուղեցույցների համար։

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

TacoTranslate-ի օգտագործման առավելությունները

  • Ժամանակի խնայողություն: Ավտոմատեցնում է տեղայնացման և տողերի հավաքագրման հոգնեցուցիչ գործընթացները՝ խնայում է ձեր արժեքավոր ժամանակը.
  • Ծախսարդյունավետ: Նվազեցնում է ձեռքով թարգմանման անհրաժեշտությունը և այդպիսով իջեցնում է ձեր տեղայնացման ծախսերը.
  • Բարելավված ճշգրտություն: Արհեստական բանականության միջոցով կատարված թարգմանությունները ապահովում են համատեքստին համապատասխան ճշգրիտ և բարձրորակ արդյունքներ.
  • Մեծացվող լուծում: Հեշտությամբ ավելացրեք աջակցություն նոր լեզուների համար, երբ ձեր հավելվածն ու հաճախորդների բազան աճում են.

Սկսեք այսօր!

Ձեր React հավելվածը ինքնաբերաբար կթարգմանվի, երբ Translate կոմպոնենտում ավելացնեք ցանկացած տեքստ։ Նշեք, որ միայն այն միջավայրերը, որոնց API բանալին ունի read/write թույլտվություններ, կարող են ստեղծել նոր տեքստեր թարգմանության համար։

Խորհուրդ ենք տալիս ունենալ փակ և ապահով փորձարկման միջավայր, որտեղ կարող եք փորձարկել ձեր արտադրական հավելվածը և նախքան հրապարակումը ավելացնել նոր տեքստեր։ Սա կպաշտպանի ձեր գաղտնի API բանալին այնպիսի իրավիճակներից, որտեղ որևէ մեկը կարող է այն գողանալ, և հնարավոր է՝ կանխի թարգմանական նախագծի խնդիրների առաջացումը՝ չպետքին տողերի ավելացմամբ։

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!

Ապրանք՝ Nattskiftet-իցԱրտադրված Նորվեգիայում