לוקליזציה ללא מאמץ לאפליקציות 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!