הפתרון הטוב ביותר לאינטרנציונליזציה (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: ה"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!