React програмуудад амархан локализаци хийх
Та 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 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 ашигласны давуу талууд
- Цаг хэмнэх: Орон нутгийн тохиргоо ба уялдсан өгүүлбэрүүдийг цуглуулах уйтгартай процессыг автоматжуулж, таны үнэт цаг хугацааг хэмнэнэ.
- Зардал багатай: Гарын авлагын орчуулгын шаардлагыг бууруулж, орон нутгийн зардлыг тань хэмнэнэ.
- Шуурхай ба нарийвчлал сайжирсан: Хиймэл оюун ухаанд суурилсан орчуулгууд нь утга санаа болон өндөр чанартай үр дүнг баталгаажуулна.
- Тэлэх боломжтой шийдэл: Танай апп болон хэрэглэгчдийн суурь өсөхийн хэрээр шинэ хэлний дэмжлэгийг амархан нэмэгдүүлэх боломжтой.
Өнөөдрөөс эхлээрэй!
Таны React аппликейшн дахь ямар ч мөрийг Translate
компонент руу нэмсэнээр автоматаар орчуулагдах болно. API түлхүүр дээрх read/write
эрх бүхий орчин л шинэ орчуулах мөрүүдийг үүсгэх боломжтой гэдгийг анхаарна уу.
Та үйлдвэрлэлийн аппликейшнаа турших, шинэ мөрүүдийг амьдруулахын өмнө нэмэх зориулалттай хаалттай, аюулгүй шатажуулах орчинг тохируулахыг зөвлөж байна. Ингэснээр таны нууц API түлхүүр хулгайлагдах, орчуулгын төсөлдөө журамгүй мөрүүд нэмэгдэн тэлэхээс сэргийлэх болно.
Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.
TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!