TacoTranslate
/
مستنداتتعرفه‌ها
 
مقاله
۱۴ اردیبهشت ۱۴۰۴

بومی‌سازی آسان برای برنامه‌های React

آیا به دنبال گسترش اپلیکیشن React خود به بازارهای جدید هستید؟ TacoTranslate بومی‌سازی برنامه‌های React شما را فوق‌العاده ساده می‌کند و به شما امکان می‌دهد بدون دردسر به مخاطبان جهانی دست پیدا کنید.

چرا TacoTranslate را برای React انتخاب کنید؟

  • ادغام یکپارچه: که به‌طور خاص برای برنامه‌های React طراحی شده، TacoTranslate به‌راحتی در جریان کاری موجود شما ادغام می‌شود.
  • جمع‌آوری خودکار رشته‌ها: دیگر نیازی به مدیریت دستی فایل‌های JSON نیست. TacoTranslate رشته‌ها را به‌طور خودکار از کدبیس شما جمع‌آوری می‌کند.
  • ترجمه‌های مبتنی بر هوش مصنوعی: از قدرت هوش مصنوعی بهره ببرید تا ترجمه‌هایی زمینه‌محور و متناسب با لحن برنامه‌تان ارائه شود.
  • پشتیبانی فوری از زبان‌ها: تنها با یک کلیک پشتیبانی از زبان‌های جدید را اضافه کنید و برنامه‌تان را در سطح جهانی در دسترس قرار دهید.

نحوهٔ کار

پکیج TacoTranslate را از طریق npm نصب کنید:

npm install tacotranslate

پس از نصب ماژول، باید یک حساب TacoTranslate، یک پروژه ترجمه و کلیدهای API مرتبط ایجاد کنید. اینجا یک حساب ایجاد کنید. این سرویس رایگان است و نیاز به افزودن کارت اعتباری ندارد.

در رابط کاربری TacoTranslate یک پروژه بسازید و به زبانهٔ کلیدهای API آن بروید. یک کلید read و یک کلید read/write ایجاد کنید. ما آن‌ها را به‌عنوان متغیرهای محیطی ذخیره خواهیم کرد. کلید read چیزی است که ما آن را public می‌نامیم و کلید read/write secret است. برای مثال، می‌توانید آن‌ها را در فایلی مانند .env در ریشهٔ پروژهٔ خود اضافه کنید.

شما همچنین باید دو متغیر محیطی دیگر اضافه کنید: TACOTRANSLATE_DEFAULT_LOCALE و TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: کد لوکال پیش‌فرض که به‌عنوان مقدار بازگشتی استفاده می‌شود. در این مثال آن را روی en برای زبان انگلیسی قرار می‌دهیم.
  • TACOTRANSLATE_ORIGIN: «پوشه‌ای» که رشته‌های شما در آن ذخیره می‌شوند، مانند آدرس وب‌سایت شما. برای اطلاعات بیشتر درباره مبداها اینجا را بخوانید.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

اطمینان حاصل کنید که هرگز کلید API محرمانه read/write را در محیط‌های تولید سمت مشتری لو ندهید.

راه‌اندازی 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 اضافه کنید. توجه داشته باشید که تنها محیط‌هایی که مجوز read/write روی کلید API را دارند قادر خواهند بود رشته‌های جدیدی برای ترجمه ایجاد کنند.

ما توصیه می‌کنیم یک محیط پیش‌نمایش بسته و ایمن داشته باشید که در آن بتوانید نسخهٔ تولیدی برنامه‌تان را آزمایش کرده و قبل از انتشار، رشته‌های جدید را اضافه کنید. این کار از دزدیده شدن کلید 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ساخت نروژ