محلی‌سازی آسان برای برنامه‌های 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: «پوشه»ای که رشته‌های شما در آن ذخیره می‌شوند، مانند آدرس وب‌سایت شما. برای اطلاعات بیشتر درباره 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

تاکوترنسلیت را در برنامه 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 دارند توانایی ایجاد رشته‌های جدید برای ترجمه را خواهند داشت.

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