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

React აპლიკაციების შეუფერხებელი ლოკალიზაცია

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

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

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

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

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