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

React აპლიკაციების მარტივი ლოკალიზაცია

გსურთ თქვენი 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. მაგალითად, შეგიძლიათ დაამატოთ ისინი თქვენს პროექტის root დირექტორიაში მდებარე .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-ის context provider-ში:

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-ის გამოყენების სარგებელი

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