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

.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

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

התחל היום!

אפליקציית React שלך תתורגם אוטומטית כאשר תוסיף מחרוזות כלשהן לרכיב Translate. שים לב שרק סביבות עם הרשאות read/write על מפתח ה-API יוכלו ליצור מחרוזות חדשות לתרגום.

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