TacoTranslate
/
תיעודתמחור
 
מאמר
04 במאי

לוקליזציה ללא מאמץ לאפליקציות React

האם אתם מחפשים להרחיב את אפליקציית React שלכם לשווקים חדשים? TacoTranslate מקל משמעותית על לוקליזציה של אפליקציות React, ומאפשר לכם להגיע לקהל עולמי ללא מאמץ.

למה לבחור ב-TacoTranslate עבור React?

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

איך זה עובד

התקן את חבילת 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 של האתר שלך. קרא עוד על המקורות כאן.
.env
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 שלך על ידי עטיפת האפליקציה בספק ההקשר (context provider) של 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 הסודי שלך, ואולי ימנע גם התנפחות של פרויקט התרגום שלך עקב הוספת מחרוזות זדוניות.

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!

מוצר מבית Nattskiftetמיוצר בנורווגיה