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) լոկալ կոդը։ Այս օրինակով մենք այն սահմանելու ենք որպեսen՝ անգլերենի համար։TACOTRANSLATE_ORIGIN: «թղթապանակը», որտեղ կպահվեն ձեր տողերը, օրինակ՝ ձեր կայքի URL‑ը։ Ավելին origins‑ի մասին կարդացեք այստեղ։
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.comՀամոզվեք, որ գաղտնի read/write API բանալին երբեք չհայտնվի հաճախորդային (client-side) արտադրական միջավայրերում։
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 թույլտվություններ, կկարողանան ստեղծել նոր թարգմանվող տողեր։
Մենք խորհուրդ ենք տալիս ունենալ փակ և անվտանգ փորձարկման (staging) միջավայր, որտեղ կարող եք փորձարկել ձեր production հավելվածը՝ ավելացնելով նոր տողեր նախքան այն հրապարակելը։ Դա կպաշտպանի ձեր գաղտնի 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!