הפתרון הטוב ביותר לבינלאומיות (i18n) באפליקציות 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: קוד ברירת המחדל לשפה חלופית. בדוגמה זו נגדיר אותו כ en (אנגלית).
• TACOTRANSLATE_ORIGIN: התיקייה שבה יאוחסנו המחרוזות שלך, כגון כתובת ה‑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!