TacoTranslate
/
დოკუმენტაციაფასები
 
სტატია
04 მაი

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

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

რატომ უნდა აირჩიოთ TacoTranslate React-ისთვის?

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

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

დააყენეთ 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. ვრცლად წაიკითხე აქ წარმოშობის შესახებ.
.env
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 კლავირის მოპარვისგან და შესაძლოდ ხელს შეუწყობს თარგმნის პროექტში არავარაუდო სტრინგების გადამატებას.

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-სგანშეიქმნა ნორვეგიაში