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