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

უსიამოვნო ლოკალიზაცია React აპლიკაციებისთვის

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

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

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

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

დაინსტალირეთ 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: ნაგულისხმევი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-ის გამოყენების უპირატესობები

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