بومی‌سازی آسان برای برنامه‌های 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) وب‌سایت شما. برای اطلاعات بیشتر درباره origins اینجا را بخوانید.

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

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