بومی‌سازی بدون زحمت برای برنامه‌های 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: کد محلی پیش‌فرض (fallback) که در صورت نیاز استفاده می‌شود. در این مثال آن را به 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

صرفه‌جویی در زمان: فرایند خسته‌کنندهٔ بومی‌سازی و جمع‌آوری رشته‌ها را خودکار می‌کند و وقت باارزش شما را ذخیره می‌نماید.
مقرون‌به‌صرفه: نیاز به ترجمه‌های دستی را کاهش می‌دهد و هزینه‌های بومی‌سازی شما را کاهش می‌دهد.
افزایش دقت: ترجمه‌های مبتنی بر هوش مصنوعی دقت زمینه‌ای و کیفیت بالای نتایج را تضمین می‌کنند.
راه‌حل مقیاس‌پذیر: با رشد برنامه و پایگاه مشتریانتان، به‌راحتی پشتیبانی از زبان‌های جدید را اضافه کنید.

همین امروز شروع کنید!

وقتی هر رشته‌ای را به یک Translate کامپوننت اضافه کنید، برنامهٔ React شما به‌طور خودکار ترجمه خواهد شد. توجه داشته باشید که تنها محیط‌هایی که دسترسی read/write روی کلید API را دارند قادر خواهند بود رشته‌های جدیدی برای ترجمه ایجاد کنند.

ما توصیه می‌کنیم یک محیط staging بسته و امن داشته باشید که در آن بتوانید برنامهٔ production خود را آزمایش کنید و پیش از راه‌اندازی، رشته‌های جدید را اضافه نمایید. این کار از دزدیده شدن کلید محرمانهٔ API شما توسط دیگران جلوگیری می‌کند و همچنین از پُرشدن بی‌رویهٔ پروژهٔ ترجمه‌تان جلوگیری می‌کند که ممکن است ناشی از اضافه شدن رشته‌های نامعتبر باشد.