React ایپلیکیشنز کے لیے آسان لوکلائزیشن
کیا آپ اپنی React ایپلیکیشن کو نئے بازاروں میں وسعت دینا چاہتے ہیں؟ TacoTranslate آپ کی React ایپس کو بے حد آسانی سے لوکلائز کر دیتا ہے، جس سے آپ بغیر کسی جھنجھٹ کے عالمی سامعین تک پہنچ سکتے ہیں۔
React کے لیے TacoTranslate کیوں منتخب کریں؟
- بلا رکاوٹ انضمام: React ایپلیکیشنز کے لیے خاص طور پر ڈیزائن کیا گیا، TacoTranslate آپ کے موجودہ ورک فلو میں بغیر کسی کوشش کے ضم ہو جاتا ہے۔
- خودکار متن کی جمع آوری: اب JSON فائلوں کا دستی طور پر انتظام کرنے کی ضرورت نہیں۔ TacoTranslate آپ کے کوڈ بیس سے خود بخود متن جمع کرتا ہے۔
- مصنوعی ذہانت سے چلنے والے تراجم: اپلیکیشن کے انداز کے مطابق، سیاق و سباق کے لحاظ سے درست تراجم فراہم کرنے کے لیے AI کی طاقت سے فائدہ اٹھائیں۔
- فوری زبان کی حمایت: صرف ایک کلک میں نئی زبانوں کے لیے حمایت شامل کریں، جس سے آپ کی ایپلیکیشن عالمی سطح پر دستیاب ہو جاتی ہے۔
یہ کیسے کام کرتا ہے
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۔ origins کے بارے میں مزید معلومات کے لیے یہاں پڑھیں۔
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 استعمال کرنے کے فوائد
- وقت کی بچت: لوکلائزیشن اور متن جمع کرنے کے محنت طلب عمل کو خودکار بناتا ہے، جو آپ کا قیمتی وقت بچاتا ہے۔
- لاگت مؤثر: دستی تراجم کی ضرورت کو کم کرتا ہے، جس سے آپ کے لوکلائزیشن کے اخراجات کم ہوتے ہیں۔
- درستگی میں بہتری: مصنوعی ذہانت سے چلنے والے تراجم سیاق و سباق کے لحاظ سے درست اور اعلیٰ معیار کے نتائج یقینی بناتے ہیں۔
- قابلِ توسیع حل: جیسے جیسے آپ کی ایپلیکیشن اور صارفین کی تعداد بڑھتی ہے، آپ بآسانی نئی زبانوں کے لیے سپورٹ شامل کر سکتے ہیں۔
آج ہی شروع کریں!
جب بھی آپ Translate
کمپونینٹ میں کوئی سٹرنگ شامل کریں گے، آپ کی React ایپلیکیشن خود بخود ترجمہ ہو جائے گی۔ نوٹ کریں کہ صرف وہ ماحول جن کے پاس 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!