TacoTranslate
/
ҚұжаттамаБағалар
 
Мақала
May 04

React қосымшаларындағы халықаралықтық (i18n) үшін ең үздік шешім

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

Біз сізге жабық және сенімді тестілеу (staging) ортаны ұсынар едік, онда сіз өндірістік қосымшаңызды сынап көре аласыз және жасырын кілттеріңізді ұрлатпай, жаңа мәтіндерді жарыққа шығарудан бұрын қосуға болады. Бұл аударма жобаңыздың қажетсіз мәтіндермен толуын болдырмайды.

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 өніміНорвегияда жасалған