React қосымшаларын оңай жергіліктендіру

React қосымшаңызды жаңа нарықтарға кеңейтуді ойлап жүрсіз бе? TacoTranslate React қосымшаларыңызды жергіліктендіруді өте оңай етеді және сізге қиындықсыз жаһандық аудиторияға жетуге мүмкіндік береді.

React үшін TacoTranslate-ты неге таңдау керек?

Кедергісіз интеграция: React қосымшалары үшін арнайы әзірленген TacoTranslate сіздің қолданыстағы жұмыс үрдісіңізге кедергісіз біріктіріледі.
Автоматты жолдарды жинау: JSON файлдарын қолмен басқарудың қажеті жоқ. TacoTranslate код базаңыздан жолдарды автоматты түрде жинайды.
Жасанды интеллект негізіндегі аудармалар: Қосымшаңыздың үнінің мәніне сай келетін, контекст бойынша дәл аудармаларды қамтамасыз ету үшін ЖИ мүмкіндіктерін пайдаланыңыз.
Лезде тіл қолдауы: Бір ғана басу арқылы жаңа тілдерді қосып, қосымшаңызды әлемге қолжетімді етіңіз.

Қалай жұмыс істейді

npm арқылы TacoTranslate пакетін орнатыңыз:

npm install tacotranslate

Модульді орнатқаннан кейін TacoTranslate есептік жазбасын, аудару жобасын және онымен байланысты API кілттерін жасауыңыз қажет. Осы жерден есептік жазба жасаңыз. Бұл тегін, және несие картасын қосуды талап етпейді.

TacoTranslate қолданбасының интерфейсінде жоба жасап, оның API кілттері қойындысына өтіңіз. Create one read key, and one read/write key. Оларды қоршаған орта айнымалылары ретінде сақтаймыз. 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 рұқсаты бар орта ғана аударуға арналған жаңа жолдарды жасай алады.

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