TacoTranslate
/
БаримтжуулалтҮнийн мэдээлэл
 
Нийтлэл
5-р сарын 04

React аппликейшнүүдийн олон улсын хэрэглээнд (i18n) зориулсан шилдэг шийдэл

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

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

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

Үүнийг хэрхэн ажилладаг вэ

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

Мэдээж манай GitHub профайл дахь бүрэн жишээнүүдийг шалгаарай. Хэрэв ямар нэгэн асуудал тулгарвал, бидэнтэй холбоо бариарай, бид танд баяртайгаар туслах болно.

TacoTranslate нь таны React програмыг автоматаар хурдан бөгөөд аливаа хэл рүү болон хэлнээс орчуулж өгөх боломжийг олгодог. Үнэгүй орчуулга хийлгэе!

Nattskiftet -аас гаргасан бүтээгдэхүүн