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`: Լռելյայն բազմանորդման տարածքի կոդը։ Այս օրինակում մենք կսահմանենք այն որպես en՝ անգլերեն լեզվի համար։
  • TACOTRANSLATE_ORIGIN`: «Թղթապանակը», որտեղ ձեր տողերը կպահպանվեն, օրինակ՝ ձեր կայքի URL-ը։ Կարդացեք ավելին ծագումների մասին այստեղ։
.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 բանալին գողանալու հնարավորությունը և potանցակարգ կավելացնի թարգմանության ձեր նախագծում անհամապատասխան տողեր ավելացնելու միջոցով։

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