React հավելվածների համար՝ առանց ջանքերի տեղայնացում

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

Տեղադրեք 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-ի մասին կարդացեք այստեղ։

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 բանալին և հնարավոր է կանխի չարամիտ տողերի ավելացման միջոցով ձեր թարգմանական նախագծի անհաճո փչացումը։

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!