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

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

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

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

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

Ինչպես է աշխատում

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

npm install tacotranslate

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

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

Դուք նաև պետք է ավելացնեք ևս երկու միջավայրային փոփոխական՝ TACOTRANSLATE_DEFAULT_LOCALE և TACOTRANSLATE_ORIGIN.

.env
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 միջավայր, որտեղ կարող եք թեստել ձեր արտադրական հավելվածը՝ նախօրոք ավելացնելով նոր տողերը նախքան հրապարակումը։ Դա կնվազեցնի ռիսկը, որ որևէ մեկը գողանա ձեր գաղտնի 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-իցԱրտադրված Նորվեգիայում