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

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

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

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

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

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

გამოიყენეთ npm-ის საშუალებით TacoTranslate პაკეტის ინსტალაცია:

npm install tacotranslate

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

TacoTranslate-ის აპლიკაციის ინტერფეისში შექმენით პროექტი და გადადით მისი 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 აპლიკაციაში,$application-ი შეაფუთეთ 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 კომპონენტში. გაითვალისწინეთ, რომ მხოლოდ იმ გარემოებები, რომლებსაც აქვთ read/write უფლებები API გასაღებზე, შეძლებენ ახალი სტრინგების შექმნას თარგმნისთვის.

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