לוקליזציה ללא מאמץ ליישומי 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: ה"תקייה" שבה יאוחסנו המחרוזות שלך, כגון כתובת האתר שלך. קרא עוד על המקורות כאן.

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 יוכלו ליצור מחרוזות חדשות לתרגום.

אנו ממליצים על סביבה סגורה ובטוחה לבדיקות (staging) שבה תוכל לבדוק את אפליקציית הייצור שלך, ולהוסיף מחרוזות חדשות לפני העלאה לאוויר. זה ימנע מאחרים לגנוב את מפתח ה-API הסודי שלך, ועלול למנוע התפשטות מיותרת של פרויקט התרגום שלך על ידי הוספת מחרוזות לא מורשות.

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

TacoTranslate מאפשרת לך לאתר אוטומטית את אפליקציות React שלך במהירות לכל שפה וחזרה. תרגם בחינם!