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

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

Տեղադրեք TacoTranslate փաթեթը՝ npm-ի միջոցով:

npm install tacotranslate

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

TacoTranslate ծրագրի ինտերֆեյսում ստեղծեք նախագիծ և անցեք դրա API բանալիների ներդիրին։ Ստեղծեք մեկ read բանալին և մեկ read/write բանալին։ Մենք դրանք կնվազենք որպես միջավայրի փոփոխականներ։ read բանալին այն է, ինչ մենք կոչում ենք public, իսկ read/write բանալին՝ secret. Օրինակ՝ դրանք կարող եք ավելացնել ձեր նախագծի արմատային (root) թղթապանակում գտնվող .env ֆայլում։

Ձեզ նույնպես անհրաժեշտ է ավելացնել ևս երկու միջավայրի փոփոխականներ՝ TACOTRANSLATE_DEFAULT_LOCALE և TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Դա լռելյայն (fallback) locale կոդն է։ Այս उदाहरणում մենք այն կսահմանենք որպես 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!