React қосымшаларындағы халықаралықтық (i18n) үшін ең үздік шешім
Сіз 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 мекенжайы. Мұнда origins туралы көбірек оқу.
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
рұқсаттары бар ортада ғана аудармалар үшін жаңа мәтіндер жасай алатынын ескеріңіз.
Біз сізге жабық және сенімді тестілеу (staging) ортаны ұсынар едік, онда сіз өндірістік қосымшаңызды сынап көре аласыз және жасырын кілттеріңізді ұрлатпай, жаңа мәтіндерді жарыққа шығарудан бұрын қосуға болады. Бұл аударма жобаңыздың қажетсіз мәтіндермен толуын болдырмайды.
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!