React ilovalari uchun oson mahalliylashtirish

Qanday ishlaydi

npm orqali TacoTranslate paketini o'rnating:

npm install tacotranslate

Modulni o‘rnatganingizdan so‘ng, sizga TacoTranslate hisob qaydnomasini, tarjima loyihasini va unga bog‘liq API kalitlarini yaratish kerak bo‘ladi. Bu yerdan hisob qaydnomasini yarating. Bu bepul va kredit karta qo‘shishingiz shart emas.

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

Sizga yana ikkita muhit o'zgaruvchisini qo'shish kerak bo'ladi: TACOTRANSLATE_DEFAULT_LOCALE va TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Standart fallback locale kodi. Ushbu misolda, biz uni ingliz tili uchun en ga o‘rnatamiz.
• TACOTRANSLATE_ORIGIN: Sizning satrlaringiz saqlanadigan “papka”, masalan, sayt URL manzilingiz. Manbalar haqida bu yerda 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 hech qachon mijoz tomon ishlab chiqarish muhitlariga oshkor qilmasligingizga 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 ilovangiz ichida istalgan joyda Translate komponentidan tarjima qilingan matnni ko‘rsatish uchun foydalanishingiz mumkin! Batafsil ma’lumot va o‘rnatishga oid qo‘llanmalar uchun hujjatlarimizni albatta 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 matnlar yig‘ishni avtomatlashtiradi, sizning qimmatli vaqtingizni tejaydi.
• Tejamkorlik: Qo‘lda tarjima qilish zaruratini kamaytiradi, lokalizatsiya xarajatlaringizni pasaytiradi.
• To‘g‘rilikni oshirish: Sun’iy intellekt yordamida ishlangan tarjimalar kontekstga mos va yuqori sifatli natijalarni ta’minlaydi.
• Kengaytiriladigan yechim: Ilovangiz va mijozlar bazasi o‘sishi bilan yangi tillarni qo‘shishni osonlashtiradi.

Bugun boshlang!

Sizning React ilovangizdagi har qanday matnlarni Translate komponentiga qo‘shganingizda avtomatik ravishda tarjima qilinadi. Diqqat qiling, faqat read/write ruxsatlariga ega bo‘lgan muhitlar API kalitida tarjima qilinadigan yangi matnlarni yaratish imkoniga ega bo‘ladi.

Biz sizga yopiq va xavfsiz staging muhitini yaratishni tavsiya qilamiz, bu yerda ishlab chiqarish ilovangizni sinab ko‘rib, jonli ishlashdan oldin yangi matnlarni qo‘shishingiz mumkin. Bu sirli API kalitingizni o‘g‘rilanishidan va tarqatilmagan matnlar qo‘shilib, tarjima loyihangizning hajmi ortishidan himoya qiladi.

Albatta, to‘liq misollarni GitHub profilimizda ko‘rib chiqing. Agar biron muammoga duch kelsangiz, bemalol bog‘laning, va biz yordam berishdan mamnun bo‘lamiz.

TacoTranslate sizga React ilovalaringizni har qanday tilga va undan tezda avtomatik ravishda lokalizatsiya qilish imkonini beradi. Bepul tarjima qiling!