React аппликейшнүүдэд зориулсан олон хэлний (i18n) шилдэг шийдэл

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

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

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

Хэрхэн ажилладаг вэ

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

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: Таны тэмдэгтүүд хадгалагдах "folder" буюу хавтас, жишээ нь таны вэбсайтын 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-ийн context provider-ээр орооно уу:

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 ашиглахын давуу талууд

Цаг хэмнэлт: Орон нутгийн тохируулга хийх болон текст цуглуулах уйтгартай процессийг автоматжуулж, таны үнэт цагийг хэмнэнэ.
Өртөг хэмнэлттэй: Гар аргаар орчуулах шаардлагыг багасгаж, орчуулгын зардлыг бууруулна.
Нарийвчлал сайжирсан: Хиймэл оюун ухаанаар хангагдсан орчуулгууд нь контекстэд нийцсэн, өндөр чанартай үр дүнг баталгаажуулна.
Өргөтгөх чадвартай шийдэл: Таны аппликейшн болон хэрэглэгчийн бааз өсөхийн хэрээр шинэ хэлний дэмжлэгийг хялбархан нэмнэ.

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

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

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