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: Әдепкі (fallback) локаль коды. Осы мысалда біз оны ағылшын тілі үшін en деп орнатамыз.
TACOTRANSLATE_ORIGIN: Мәтін жолдарыңыз сақталатын «қалта», мысалы сіздің веб-сайтыңыздың 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 кілтіңіздің ұрлануына кедергі болып, жаман ниетті адамдардың аударма жобаңызды қажетсіз жолдармен толтыруына жол бермейді.