React қосымшаларын оңай локализациялау

React қосымшаңызды жаңа нарықтарға кеңейтуді ойлап жүрсіз бе? TacoTranslate React қолданбаларыңызды жергілікті тілге бейімдеуді өте оңай етіп, сізге еш қиындықсыз жаһандық аудиторияға жетуге мүмкіндік береді.

React үшін TacoTranslate-ты неге таңдау керек?

Кедергісіз интеграция: React қосымшалары үшін арнайы жасалған TacoTranslate сіздің ағымдағы жұмыс үрдісіңізге кедергісіз енгізіледі.
Мәтін жолдарын автоматты жинау: JSON файлдарды қолмен басқарудың қажеті жоқ. TacoTranslate код базасынан мәтін жолдарын автоматты түрде жинайды.
Жасанды интеллект негізіндегі аудармалар: Қосымшаңыздың үнін сақтайтын, контекстке сай дәл аудармалар үшін жасанды интеллекттің мүмкіндіктерін пайдаланыңыз.
Жылдам тілдік қолдау: Жаңа тілдерге қолдауды бір ғана басу арқылы қосып, қосымшаңызды ғаламдық қолжетімді етіңіз.

Қалай жұмыс істейді

npm арқылы TacoTranslate пакетін орнатыңыз:

npm install tacotranslate

Модульді орнатқаннан кейін TacoTranslate есептік жазбасын, аударма жобасын және онымен байланысты API кілттерін құру қажет болады. Мұнда тіркеліңіз. Ол тегін және кредиттік картаны қосуды талап етпейді.

TacoTranslate қолданбасының пайдаланушы интерфейсінде жоба жасап, оның API кілттері қойындысына өтіңіз. Бір read кілт және бір read/write кілт жасаңыз. Оларды қоршаған орта айнымалылары ретінде сақтаймыз. Біз read кілтті public деп атаймыз, ал read/write кілт secret деп аталады. Мысалы, оларды жобаңыздың түбір қалтасындағы .env файлына қосуға болады.

Сонымен қатар, сізге тағы екі орта айнымалысын қосу қажет: TACOTRANSLATE_DEFAULT_LOCALE және TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Әдепкі резервтік локаль коды. Бұл мысалда оны ағылшын тілі үшін en деп белгілейміз.
TACOTRANSLATE_ORIGIN: Мәтіндеріңіз сақталатын «қалтa», мысалы, веб-сайтыңыздың URL-мекенжайы. Origin-дар туралы толығырақ оқыңыз.

.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-ты баптау

React қосымшаңызда TacoTranslate қолдануды бастау үшін қосымшаны 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 кілтіңізді ұрлап кетуіне және зиянды жолдарды қосып, аударма жобасын қажетсіз түрде ұлғайтуына жол бермейді.