Мақала
May 04

React қосымшалары үшін қиындықсыз локализациялау

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

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

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

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

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

npm install tacotranslate

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

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

Сонымен қатар екі қосымша ортаның айнымалыларын қосуыңыз қажет: TACOTRANSLATE_DEFAULT_LOCALE және TACOTRANSLATE_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 кілтіңіздің ұрлануын болдырмайды және аударма жобаңызға қажетсіз жолдарды қосып, оны үлкейтіп жіберу мүмкіндігін төмендетеді.

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 компаниясының өніміНорвегиялық өндіріс