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