React програмуудыг хялбархан локалчлах
React аппликейшнаа шинэ зах зээл рүү тэлэх гэж байна уу? TacoTranslate нь таны React апп-уудыг орон нутгийн хэлэнд хөрвүүлэхийг маш хялбар болгодог бөгөөд ингэснээр та төвөггүйгээр дэлхийн хэрэглэгчдэд хүрч чадна.
React-д зориулсан TacoTranslate-ыг яагаад сонгох вэ?
- Саадгүй интеграцчилал: React програмуудад зориулан тусгайлан бүтээгдсэн бөгөөд TacoTranslate таны одоо байгаа ажлын урсгалд саадгүй шингэнэ.
- Автомат текст мөр цуглуулалт: JSON файлуудыг гараар удирдах шаардлагагүй. TacoTranslate таны кодын сангаас текст мөрүүдийг автоматаар цуглуулна.
- Хиймэл оюун ухаанаар дэмжигдсэн орчуулга: Програмынхаа өнгө аясанд тохирсон, контекстэд нийцсэн нарийвчилсан орчуулгыг гаргахад AI-ийн хүчийг ашиглана.
- Шууд хэлний дэмжлэг: Зөвхөн нэг товшилтоор шинэ хэлний дэмжлэгийг нэмж, таны програмыг дэлхий даяар хүртээмжтэй болгоно.
Хэрхэн ажилладаг вэ?
npm-ээр TacoTranslate пакетийг суулга:
npm install tacotranslateМодуль суулгасан бол TacoTranslate дээр данс, орчуулгын төсөл болон холбогдох API түлхүүрүүдийг үүсгэх хэрэгтэй болно. Энд данс үүсгээрэй. Энэ нь үнэгүй бөгөөд кредит карт нэмэх шаардлагагүй.
TacoTranslate хэрэглэгчийн интерфэйс дотор төсөл үүсгээд, API түлхүүрийн таб руу орно. Нэг read түлхүүр, нэг read/write түлхүүр үүсгэнэ. Бид эдгээрийг орчны хувьсагчууд (environment variables) болгон хадгална. read түлхүүрийг бид public гэж, харин read/write түлхүүрийг secret гэж нэрлэдэг. Жишээлбэл, та тэдгээрийг төсөлнийхөө үндсэн хавтас дахь .env файлд нэмэж болно.
Мөн та хоёр орчны хувьсагчийг нэмэх хэрэгтэй: TACOTRANSLATE_DEFAULT_LOCALE болон TACOTRANSLATE_ORIGIN.
TACOTRANSLATE_DEFAULT_LOCALE: Анхдагч буцах локаль (fallback) код. Энэ жишээнд Англи хэлэнд зориулан үүнийгenгэж тохируулна.TACOTRANSLATE_ORIGIN: Таны мөрүүд хадгалагдах "фолдер", жишээ нь таны вэбсайтын URL. Origin-уудын талаар эндээс дэлгэрэнгүй уншаарай.
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 зөвшөөрөлтэй орчинуудад л орчуулах шинэ стрингүүдийг үүсгэх боломжтой.
Бид таныг үйлдвэрлэлд орох өмнө шинэ стрингүүдийг нэмж турших хаалттай, найдвартай хамгаалсан туршилтын орчинтой байхыг зөвлөж байна. Энэ нь таны нууц 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!