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

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

გსურთ თქვენი 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) ლოკალის კოდი. ამ მაგალითში ვაყენებთ მას როგორც 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." />
	);
}

TacoTranslate-ის გამოყენების უპირატესობები

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

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

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