په React اپلیکیشنونو کې د بین المللي کولو (i18n) غوره حل

ایا تاسو غواړئ خپل React غوښتنلیک نوي بازارونو ته وغځوئ؟ TacoTranslate ستاسو لپاره د React غوښتنلیکونو محلي کول خورا اسانه کوي، او تاسو ته اجازه درکوي چې بې له کومې ستونزې نړیوالو لیدونکو ته ورسیږئ.

ولې د React لپاره TacoTranslate غوره کړئ؟

بې‌وقفه مدغمېدل: د React غوښتنلیکونو لپاره ځانګړې جوړې شوې، TacoTranslate په اسانۍ سره ستاسو موجود کاري بهیر سره مدغمېږي.
د متنونو اتومات راټولول: نور د JSON فایلونو لاسي مدیریت ته اړتیا نشته. TacoTranslate په اوتومات ډول ستاسو د کودبیس څخه متنونه راټولوي.
د مصنوعي هوښیارۍ پر مټ ژباړې: د مصنوعي هوښیارۍ ځواک څخه استفاده وکړئ ترڅو د سیاق سره سمې او دقیقې ژباړې وړاندې کړئ چې د ستاسو غوښتنلیک له لحن سره مناسبې وي.
فوري ژبنی ملاتړ: په یوازې یوه کلیک سره د نوو ژبو ملاتړ اضافه کړئ، او خپل غوښتنلیک نړیوالو کاروونکو ته د لاسرسي وړ کړئ.

څنګه کار کوي

د TacoTranslate بسته د npm له لارې نصب کړئ:

npm install tacotranslate

کله چې تاسو ماډیول نصب کړی وي، نو تاسو به اړتیا ولرئ چې د TacoTranslate حساب، د ژباړې یوه پروژه، او اړوند API کیليګانې جوړې کړئ. دلته یو حساب جوړ کړئ. دا وړیا دی، او د کریډیټ کارت د اضافه کولو اړتیا نلري.

د TacoTranslate غوښتنلیک UI کې، یوه پروژه جوړه کړئ او د هغې د API keys ټب ته لاړ شئ. یو 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 تنظیم

د TacoTranslate د پیلولو لپاره، خپل React غوښتنلیک په 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 کیلي غلا کړي، او همدا رنګه به مخه ونیسي چې څوک د بې‌اجازه متنونو په اضافه کولو سره ستاسو د ژباړنې پروژه پراخه/غټ/بوج کړي.