React програмуудын хялбар локалчлал

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

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

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

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

npm ашиглан TacoTranslate багцыг суулгаарай:

npm install tacotranslate

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

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

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

TACOTRANSLATE_DEFAULT_LOCALE: Хэрэглэгдэх анхдагч (fallback) локал код. Энэ жишээнд бид үүнийг англи хэлний хувьд en гэж тогтооно.
TACOTRANSLATE_ORIGIN: Таны мөрүүд хадгалагдах "фолдер" буюу байрлал, жишээ нь таны вэбсайтын URL. Энд эх үүсвэрүүдийн талаар дэлгэрэнгүй уншина уу.

.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-ийг тохируулах

TacoTranslate-ийг таны React програмд ашиглахыг эхлүүлэхийн тулд програмыг 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 ашиглахын давуу талууд

Цаг хэмнэнэ: Локалчлал болон орчуулгын мөрүүдийг цуглуулах уйтгартай процессыг автоматжуулж, таны үнэт цагийг хэмнэнэ.
Зардал хэмнэлттэй: Гараар орчуулах шаардлагыг бууруулж, локалчлалын зардлыг тань бууруулна.
Нарийвчлал сайжирсан: Хиймэл оюун (AI)-ээр ажилладаг орчуулга нь контекстэд нийцсэн, өндөр чанартай үр дүнг баталгаажуулна.
Өргөтгөх шийдэл: Апп болон хэрэглэгчдийн суурь өсөхийн хэрээр шинэ хэлүүдэд дэмжлэгийг амархан нэмж болно.

Өнөөдрөөс эхлээрэй!

Та Translate компонентэд ямар нэг мөр нэмэхэд таны React апп автоматаар орчуулагдана. Анхаарна уу: API түлхүүр дээр read/write эрхтэй орчин л орчуулагдах зориулалтаар шинэ мөрүүдийг үүсгэх боломжтой.

Бид үйлдвэрлэлд оруулахаас өмнө шинэ мөрүүдийг нэмж туршиж болох хаалттай, аюулгүй staging орчинтой байхыг зөвлөж байна. Энэ нь хэн нэгэн хэн нэгэн таны нууц API түлхүүрийг хулгайлах, мөн сэжигтэй мөрүүдийг нэмж орчуулгын төсөл тань хэт ихсэхээс сэргийлнэ.