React қосымшаларын оңай локализациялау

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