TacoTranslate
/
ҚұжаттамаБағасы
 
Мақала
04 мам.

React қосымшаларында халықаралықтандыру (i18n) үшін ең жақсы шешім

Сіз 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.

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

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!

Nattskiftet компаниясының өніміНорвегиялық өндіріс