לוקליזציה ללא מאמץ עבור יישומי 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 יוכלו ליצור מחרוזות חדשות לתרגום.

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

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

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