React tətbiqlərində beynəlxalqlaşdırma (i18n) üçün ən yaxşı həll

Necə işləyir

TacoTranslate paketini npm vasitəsilə quraşdırın:

npm install tacotranslate

Modulu quraşdırdıqdan sonra TacoTranslate hesabı, tərcümə layihəsi və əlaqəli API açarlarını yaratmalısınız. Burada hesab yaradın. Bu pulsuzdur və kredit kartı əlavə etməyinizi tələb etmir.

TacoTranslate tətbiqinin istifadəçi interfeysində bir layihə yaradın və onun API açarları sekmesine keçin. Bir read açarı və bir read/write açarı yaradın. Onları mühit dəyişənləri kimi saxlayacağıq. read açarı bizim public adlandırdığımızdır, read/write açarı isə secret adlandırdığımızdır. Məsələn, onları layihənizin kök qovluğunda yerləşən .env fayla əlavə edə bilərsiniz.

Həmçinin iki əlavə ətraf mühit dəyişəni əlavə etməlisiniz: TACOTRANSLATE_DEFAULT_LOCALE və TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Standart fallback lokal kodu. Bu nümunədə bunu en — İngilis dili üçün təyin edəcəyik.
• TACOTRANSLATE_ORIGIN: Sətirlərinizin saxlanılacağı “qovluq”, məsələn saytınızın URL-i. Originlər haqqında daha çox oxuyun.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Gizli read/write API açarını müştəri tərəfi istehsal mühitlərinə heç vaxt sızdırmayın.

TacoTranslate-i qurmaq

TacoTranslate-i React tətbiqinizdə TacoTranslate kontekst provayderi ilə tətbiqinizi sarmalayaraq ilkinləşdirin:

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>
	);
}

İndi tətbiqinizdə istənilən yerdə Translate komponentindən tərcümə olunmuş mətni göstərmək üçün istifadə edə bilərsiniz! Daha ətraflı məlumat və sizin quruluşunuza uyğun tətbiqetmə təlimatları üçün sənədlərimizə mütləq baxın.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

TacoTranslate-dən istifadə etməyin faydaları

• Vaxta qənaət: Lokalizasiya və mətnlərin toplanması kimi vaxt aparan prosesləri avtomatlaşdırır, dəyərli vaxtınıza qənaət edir.
• Sərfəli: Əl ilə tərcümələrə olan ehtiyacı azaldır və beləliklə lokalizasiya xərclərinizi aşağı salır.
• Təkmilləşdirilmiş dəqiqlik: Süni intellektlə gücləndirilmiş tərcümələr kontekstə uyğun, dəqiq və yüksək keyfiyyətli nəticələr təmin edir.
• Miqyaslana bilən həll: Tətbiqiniz və müştəri bazanız böyüdükcə yeni dillər üçün dəstəyi asanlıqla əlavə edə bilərsiniz.

Bu gün başlayın!

Sizin React tətbiqiniz Translate komponentinə hər hansı sətir əlavə etdiyiniz zaman avtomatik tərcümə olunacaq. Yalnız API açarı üçün read/write icazəsinə malik mühitlər yeni tərcümə olunacaq sətrləri yarada bilərlər.

İstehsalata (production) keçməzdən əvvəl yeni sətrlər əlavə edərək tətbiqinizi sınaya biləcəyiniz bağlı və təhlükəsiz bir sınaq (staging) mühitinə sahib olmağı tövsiyə edirik. Bu, gizli API açarınızın oğurlanmasının və eyni zamanda icazəsiz sətrlər əlavə edilməklə tərcümə layihənizin şişməsinin qarşısını alacaq.

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!