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.

TACOTRANSLATE_DEFAULT_LOCALE: Әдепкі резервтік локаль коды. Бұл мысалда оны ағылшын тілі үшін 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 рұқсаттары бар орта ғана аударуға арналған жаңа жолдарды жасай алады.

Өндірістік қосымшаны жарияламас бұрын жаңа жолдарды қосып сынақтан өткізе алатын жабық және қорғалған staging ортасын ұстауды ұсынамыз. Бұл ешкімнің сіздің құпия API кілтіңізді ұрлауына және рұқсатсыз жолдар қосып, аударма жобаңызды қажетсіз түрде ұлғайтуына жол бермейді.