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) լոկալի կոդը։ Այս օրինակով մենք այն կսահմանենք որպես en՝ անգլերենի համար։
  • TACOTRANSLATE_ORIGIN: «պանակը», որտեղ կպահվեն ձեր տեքստային տողերը, օրինակ՝ ձեր կայքի 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 թույլտվություններ, կարող են ստեղծել թարգմանության ենթակա նոր տեքստեր։

Խորհուրդ ենք տալիս ունենալ փակ և ապահով փորձարկման (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-ի արտադրանքԱրտադրված Նորվեգիայում