React програмуудад зориулсан хялбар локалчилалт

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

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

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

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

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

npm install tacotranslate

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

TacoTranslate програмын UI-д төсөл үүсгээд, API түлхүүрүүдийн таб руу шилжинэ. Нэг read түлхүүр, мөн нэг read/write түлхүүр үүсгээрэй. Эдгээрийг орчны хувьсагчид болгон хадгална. 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-г тохируулах

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 зөвшөөрөлтэй орчин л шинэ орчуулах мөрүүдийг үүсгэх боломжтой.

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