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

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

გსურთ თქვენი 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. გაიგეთ მეტი წარმოშობის შესახებ აქ.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

დარწმუნდით, რომ არასოდეს გაუჟონოთ საიდუმლო read/write API გასაღები კლიენტის მხრის (client-side) წარმოების გარემოში.

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

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