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

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

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

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

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

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