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

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: «Թղթապանակը», որտեղ կպահվեն ձեր տողերը, օրինակ՝ ձեր կայքի 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-ի օգտագործման առավելությունները

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

Սկսեք այսօր!

Ձեր 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-իցԱրտադրված Նորվեգիայում