React аппуудын олон хэлт орчуулалт (i18n)-ын шилдэг шийдэл

Та React аппликейшнаа шинэ зах зээл рүү өргөжүүлэхийг хүсч байна уу? TacoTranslate нь таны React апп-ыг локалчлахыг үнэхээр хялбар болгож, та ямар ч төвөггүйгээр дэлхийн хэрэглэгчдэд хүрч чадна.

React-д зориулсан TacoTranslate-ыг яагаад сонгох вэ?

Гөлгөр интеграцчлал: React програмуудад тусгайлан бүтээгдсэн тул TacoTranslate таны одоо байгаа ажлын урсгалд саадгүй нэгдэнэ.
Автомат текст цуглуулалт: JSON файлуудыг гараар удирдах шаардлагагүй. TacoTranslate таны кодоос текстүүдийг автоматаар цуглуулдаг.
AI-ээр сайжруулсан орчуулга: AI-ийн хүчийг ашиглан аппликейшнийхээ өнгө аяс, контекстэд тохирсон нарийвчилсан орчуулгыг авч болно.
Хурдан хэлний дэмжлэг: Шинэ хэлнүүдийг зөвхөн нэг товшилтоор нэмэж, таны програмыг дэлхий даяар хүртээмжтэй болгож чадна.

Яаж ажилдаг вэ

npm ашиглан TacoTranslate пакетыг суулгаарай:

npm install tacotranslate

Модуль суулгасны дараа TacoTranslate данс, орчуулгын төсөл болон холбогдох API түлхүүрүүдийг үүсгэх хэрэгтэй болно. Энд бүртгүүлнэ үү. Энэ нь үнэгүй бөгөөд кредит карт оруулах шаардлагагүй.

TacoTranslate аппликейшны UI-д төсөл үүсгээд API keys таб руу орно уу. Нэг read түлхүүр, мөн нэг read/write түлхүүр үүсгэнэ үү. Бид эдгээрийг орчны хувьсагч болгон хадгална. read түлхүүрийг бид public гэж нэрлэдэг бөгөөд read/write түлхүүрийг secret гэж нэрлэнэ. Жишээ нь, та тэдгээрийг төслийн үндсэн хавтсанд орших .env файлд нэмж болно.

Мөн та хоёр нэмэлт орчны хувьсагч нэмэх хэрэгтэй: TACOTRANSLATE_DEFAULT_LOCALE болон TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Анхны (fallback) локал код. Энэ жишээнд бид үүнийг Англи хэлэнд зориулж en гэж тогтооно.
TACOTRANSLATE_ORIGIN: Таны мөрүүд хадгалагдах "фолдер", тухайлбал таны вэбсайтын URL. 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 түлхүүрийг хулгайд алдахаас болон зөвшөөрөлгүй мөрүүд нэмэгдэж орчуулгын төслийг хэт ихээр томруулах явдлаас сэргийлнэ.