React ilovalari uchun hech qanday qiyinchiliksiz mahalliylashtirish

Qanday ishlaydi

TacoTranslate paketini npm orqali o'rnating:

npm install tacotranslate

Modul o‘rnatilgach, sizga TacoTranslate hisob qaydnomasi, tarjima loyihasi va unga bog‘liq API kalitlarini yaratish kerak bo‘ladi. Bu yerda hisob qaydnomasini yarating. Bu bepul va kredit karta qo‘shishingiz shart emas.

TacoTranslate ilovasi foydalanuvchi interfeysi ichida loyiha yarating va uning API kalitlari oynasiga o'ting. Bitta read kalit, va bitta read/write kalit yarating. Ularni atrof-muhit o'zgaruvchilari sifatida saqlaymiz. read kalitga biz public deb ataymiz, va read/write kalit esa secret hisoblanadi. Masalan, ularni loyihangiz ildizidagi .env faylga qo'shishingiz mumkin.

Sizga yana ikkita muhit o‘zgaruvchilarini qo‘shishingiz kerak bo‘ladi: TACOTRANSLATE_DEFAULT_LOCALE va TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Standart zaxira til kodi. Ushbu misolda, biz uni ingliz tili uchun en ga o‘rnatamiz.
• TACOTRANSLATE_ORIGIN: Sizning matnlaringiz saqlanadigan “papka”, masalan, sayt URL manzilingiz. Bu yerda originlar haqida batafsil o‘qing.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Sirli read/write API kalitini mijoz tomonidagi ishlab chiqarish muhitlariga hech qachon oshkor qilmaslikka ishonch hosil qiling.

TacoTranslate’ni sozlash

TacoTranslate kontekst provayderi bilan ilovangizni o'rab, React ilovangizda TacoTranslate-ni ishga tushiring:

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>
	);
}

Endi siz Translate komponentini ilovangiz ichida istalgan joyda tarjima qilingan matnni ko‘rsatish uchun ishlatishingiz mumkin! Qo‘shimcha maʼlumot va o‘z sozlamalaringizga mos qo‘llanmalar uchun albatta hujjatimizni ko‘rib chiqing.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

TacoTranslate dan foydalanishning afzalliklari

• Vaqtni tejash: Lokalizatsiya va matnlarni yig‘ishdagi zerikarli jarayonni avtomatlashtiradi, sizning qimmatli vaqtingizni tejaydi.
• Tejamkorlik: Qo‘lda tarjima qilish zaruratini kamaytiradi, lokalizatsiya xarajatlaringizni pasaytiradi.
• Takomillashgan aniqlik: Sun’iy intellekt yordamida tarjimalar kontekstga mos va yuqori sifatga ega bo‘lishini ta’minlaydi.
• Kengaytiriladigan yechim: Ilovangiz va mijozlar bazangiz o‘sishi bilan yangi tillarni qo‘llab-quvvatlashni osonlik bilan qo‘shing.

Bugun boshlang!

Sizning React ilovangizga har qanday satrni Translate komponentiga qo‘shganingizda avtomatik tarzda tarjima qilinadi. E'tibor bering, yangi tarjima qilinadigan satrlarni yaratish faqat read/write ruxsatlariga ega API kalitiga ega muhitlarda mumkin bo‘ladi.

Biz sizning ishlab chiqarish ilovangizni jonli ishga tushirishdan oldin yangi satrlarni qo‘shib sinab ko‘rishingiz uchun yopiq va xavfsiz staging muhitga ega bo‘lishingizni tavsiya qilamiz. Bu sizning maxfiy API kalitingizning o‘g‘irlanishining oldini oladi va tarjima loyihangizga noqonuniy satrlarning qo‘shilib, ortiqcha og‘irlik tushishiga yo‘l qo‘ymaydi.

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!