بهترین راه‌حل برای بین‌المللی‌سازی (i18n) در برنامه‌های 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: “پوشه” جایی که رشته‌های شما ذخیره خواهند شد، مانند URL وب‌سایت شما. برای اطلاعات بیشتر در مورد 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 شما توسط هر کسی هر کسی جلوگیری می‌کند و احتمالاً با اضافه کردن رشته‌های خرابکارانه باعث بزرگ‌تر یا پرحجم شدن پروژهٔ ترجمهٔ شما می‌شود.