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