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

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

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

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

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

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

npm install tacotranslate

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

TacoTranslate қосымшасының UI ішінде жоба жасап, оның API кілттері қойындысына өтіңіз. Бір read кілт және бір read/write кілт жасаңыз. Оларды ортаның айнымалылары ретінде сақтаймыз. read кілтті біз public деп атаймыз, ал read/write кілтті — secret. Мысалы, оларды жобаңыздың түбіріндегі .env файлға қосуға болады.

Сондай-ақ екі қосымша қоршаған орта айнымалысын қосуыңыз керек: TACOTRANSLATE_DEFAULT_LOCALE және TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Әдепкі резервтік локаль коды. Осы мысалда оны ағылшын тілі үшін en деп орнатамыз.
TACOTRANSLATE_ORIGIN: Мәтіндеріңіз сақталатын «қалта», мысалы веб-сайтыңыздың URL-мекенжайы. Шығу орындары туралы толығырақ осында оқыңыз.

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