React აპლიკაციების საერთაშორისო მეტყველების (i18n) საუკეთესო გადაწყვეტილება

როგორ მუშაობს

დააყენეთ TacoTranslate პაკეტი npm-ის საშუალებით:

npm install tacotranslate

როდესაც მოდული დაინსტალირებულია, უნდა შექმნათ TacoTranslate ანგარიში, თარგმანის პროექტი და შესაბამისი API კీలు. შექმენით ანგარიში აქ. ეს უფასოა და არ მოითხოვს საკრედიტო ბარათის დამატებას.

TacoTranslate აპლიკაციის UI-ში შექმენით პროექტი და გადადით მისი API გასაღებების ჩანართში. შექმენით ერთი read გასაღები და ერთი read/write გასაღები. ჩვენ მათ დაატარებთ გარემოს ცვლადებად. read გასაღები არის ის, რასაც ვუწოდებთ public და read/write გასაღები არის secret. მაგალითად, შეგიძლიათ დაამატოთ ისინი თქვენი პროექტის ძირითადი საქაღალდეში არსებულ .env ფაილში.

თქვენ ასევე დაგჭირდებათ დამატებითი ორი გარემოს ცვლადი: TACOTRANSLATE_DEFAULT_LOCALE და TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: ფალდბეკის ლოკალის სტანდარტული კოდი. ამ მაგალითში, მას დავაყენებთ en-ს ინგლისურისთვის.
• TACOTRANSLATE_ORIGIN: “ფოლდერი”, სადაც შენახული იქნება თქვენი სტრიქონები, როგორიცაა თქვენი საიტის URL. დააკლიკეთ აქ, რომ მეტი გაიგოთ ორიგინებზე.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

დარწმუნდით, რომ არასოდეს გაუშვათ საიდუმლო read/write API გასაღები კლაიენტის მხრიდან წარმოების გარემოში.

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." />
	);
}

ტაკოტრანსლეითის გამოყენების უპირატესობები

• სანახაზო დროის დაზოგვა: ავტომატიზირებს ლოკალიზაციისა და სტრიქონების შეგროვების მძიმე პროცესს, რაც აჩქარებს თქვენს სამუშაოს.
• ეკონომიურია: ამცირებს ხელნაკეთი თარგმნის საჭიროებას, რაც გიმცირებთ ლოკალიზაციის ხარჯებს.
• კულტურული სწორი სიზუსტე: AI-ს მიერ მხარდაჭერილი თარგმნები უზრუნველყოფენ კონტექსტუალურად ზუსტ და ხარისხიან შედეგებს.
• მასშტაბირებადი გადაწყვეტილება: მარტივად დაამატეთ ახალი ენების მხარდაჭერა, როცა თქვენი აპლიკაცია და მომხმარებელთა ბაზა იზრდება.

დაიწყეთ დღესვე!

თქვენი React აპლიკაცია ავტომატურად ითარგმნება, როცა დაამატებთ ნებისმიერ სტრიქონს Translate კომპონენტში. გაითვალისწინეთ, რომ მხოლოდ იმ გარემოებებში, სადაც API გასაღებს აქვს read/write უფლებები, იქნება შესაძლებელი ახალი სტრიქონების შექმნა თარგმნაისთვის.

ჩვენ გირჩევთ გქონდეთ დახურული და დაცული სტეიჯინგ გარემო, სადაც შეგიძლიათ შეამოწმოთ თქვენი პროდაქშენ აპლიკაცია, დამატებით ახალი სტრიქონები პირდაპირის წინა ეტაპზე. ეს თავიდან აგარიდებთ საიდუმლო API გასაღების მოპარვას და შესაძლო გადატვირთვას თარგმნის პროექტში არატყობი სტრიქონების გამო.

გთხოვთ, აუცილებლად გათვალიეროთ სრული მაგალითები ჩვენს GitHub პროფილზე. თუ რაიმე პრობლემას შეხვდებით, თავისუფლად მოგვმართეთ, და ჩვენ სიამოვნებით დაგეხმარებით.

TacoTranslate საშუალებას გაძლევთ ავტომატურად და სწრაფად ლოკალიზებული გახდეთ თქვენი React აპლიკაციები ნებისმიერი ენისთვის და პირიქით. გაითარგმნეთ უფასოდ!