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