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

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

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

Тасралтгүй интеграцчилал: React програмуудын төлөө онцгойлон бүтээгдсэн TacoTranslate нь таны одоогийн ажлын урсгалд амархан нэгддэг.
Автомат мөр цуглуулах: JSON файлуудыг гараар удирдах шаардлагагүй. TacoTranslate таны кодын сангаас автоматаар мөрүүдийг цуглуулдаг.
УР-тэй Хүчирхэг Орчуулга: AI-ийн хүчийг ашиглан таны програмын өнгө аяст тохирсон нөхцөл байдалтай зөв орчуулгыг өгнө.
Яаралтай Хэлний Дэмжлэг: Зөвхөн нэг товшилтоор шинэ хэлүүдийг нэмэж, таны програмыг дэлхийд нэвтрүүлэх боломжтой болгоно.

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

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

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

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

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

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

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