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

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

გადადით 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: სტანდარტული ფallback ლოკალის კოდი. ამ მაგალითში, ჩვენ მას დავაყენებთ en ინგლისურისთვის.
• TACOTRANSLATE_ORIGIN: „ფოლდერი“, სადაც თქვენი სტრიქონები იქნება შენახული, მაგალითად თქვენი ვებსაიტის URL. მეტის კითხვა ორიგინების შესახებ აქ.

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

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

დარწმუნდით, რომ იხილეთ სრული მაგალითები ჩვენს GitHub პროფილზე. თუ რაიმე პრობლემა შეგექმნათ, თავისუფლად მვიკავშირდით, და ჩვენ დიდი სიამოვნებით დაგეხმარებით.

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