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

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.

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