React аппуудад олон хэлт дэмжлэг (i18n) хэрэгжүүлэх шилдэг шийдэл

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

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

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

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

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

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

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

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

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