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

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

React-д TacoTranslate-ыг яагаад сонгох вэ?

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

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

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

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