הפתרון הטוב ביותר לאינטרנאציונליזציה (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 של האתר שלך. קרא עוד על origins כאן.

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 context provider:

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

• חיסכון בזמן: מאוטומט את התהליך המייגע של לוקליזציה ואיסוף מחרוזות, וחוסך לך זמן יקר.
• יעיל מבחינת עלות: מפחית את הצורך בתרגומים ידניים, ומוריד את עלויות הלוקליזציה שלך.
• דיוק משופר: תרגומים מונעי AI מבטיחים תוצאות מדויקות בהקשר ואיכותיות.
• פתרון מתרחב: הוסף בקלות תמיכה בשפות חדשות ככל שהאפליקציה ובסיס הלקוחות שלך גדלים.

התחל היום!

אפליקציית ה-React שלך תתורגם באופן אוטומטי כאשר תוסיף מחרוזות כלשהן ל-Translate קומפוננטה. שים לב שרק סביבות עם הרשאות read/write על מפתח ה-API יוכלו ליצור מחרוזות חדשות לתרגום.

אנו ממליצים על סביבה סגורה ומאובטחת להעלאה (staging), שבה תוכל לבדוק את אפליקציית הייצור שלך, להוסיף מחרוזות חדשות לפני העלאתה לחיים. זה ימנע מאחרים לגנוב את מפתח ה-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!