React հավելվածների համար ամենալավ լուծումն ի տարբերություն (i18n)

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

Կտտացրեք 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-ը։ Կարդացեք ավելին արտամղումների մասին այստեղ։

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 կոմպոնենտում։ Նշենք, որ միայն այն միջավայրերը, যде վրա կա read/write թույլտվություն API բանալու նկատմամբ, կարող են ստեղծել նոր տողեր, որոնք պետք է թարգմանվեն։

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

Համոզվեք, որ դիտեք ամբողջական օրինակները մեր GitHub պրոֆիլում։ Եթե խնդիրներ ունենաք, ազատ զգացեք հասցեագրվել, և մենք մեծ ուրախությամբ կօգնենք ձեզ։

TacoTranslate-ն թույլ է տալիս ձեր React հավելվածները ավտոմատ կերպով թարգմանել ցանկացած լեզվով արագ և արդյունավետ։ Թարգմանեք անվճար!