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

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

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

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

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

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: Өгөгдөөгүй тохиолдолд ашиглагдах нөөц локалийн код. Энэ жишээнд бид үүнийг Англи хэлний хувьд 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-ыг тохируулах

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

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

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

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

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