תהליך לוקליזציה ללא מאמץ עבור יישומי React

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

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

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

איך זה עובד

התקן את חבילת 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

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

התחילו היום!

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

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