TacoTranslate
/
Баримт бичигҮнэ ханш
 
Нийтлэл
5-р сарын 04

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.

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

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

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

Таны 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!

Nattskiftet-аас гаралтай бүтээгдэхүүнНорвеги улсад бүтээгдсэн