לוקליזציה ללא מאמץ לאפליקציות React

איך זה עובד

התקן את חבילת 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: קוד ה‑locale של ברירת המחדל לגיבוי. בדוגמה זו נגדיר אותו כ־en עבור אנגלית.
• TACOTRANSLATE_ORIGIN: ה"folder" שבו ישמרו המחרוזות שלך, כגון כתובת ה‑URL של האתר שלך. למידע נוסף על המקורות לחץ כאן.

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!