React tətbiqlərində beynəlxalqləşdirmə (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ə müvafiq API açarları yaratmalısınız. Burada hesab yaradın. Bu pulsuzdur və kredit kartı əlavə etməyinizi tələb etmir.

TacoTranslate tətbiqinin interfeysində bir layihə yaradın və API açarları sekməsinə 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ız açardır, read/write açarı isə secret adlandırdığımız açardır. Məsələn, onları layihənizin kök qovluğunda yerləşən .env faylına əlavə edə bilərsiniz.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Standart ehtiyat yerli dil kodu. Bu nümunədə onu ingilis dili üçün en olaraq 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 ətraflı məlumatı burada 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ı heç vaxt müştəri tərəfinin istehsal mühitlərinə sızdırmayın.

TacoTranslate-i qurmaq

TacoTranslate-i React tətbiqinizdə tətbiqinizi TacoTranslate kontekst provayderi ilə sararaq işə salın:

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ətbiqinizin istənilən yerində tərcümə olunmuş mətn göstərmək üçün Translate komponentindən istifadə edə bilərsiniz! Əlavə məlumat və sizin quruluşunuza uyğun tətbiqetmə təlimatları üçün sənədlərimizə nəzər yetirin.

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ı

• Vaxt qənaəti: Lokalizasiyanın və mətnlərin toplanmasının yorucu prosesini avtomatlaşdırır, sizə dəyərli vaxt qazandırır.
• Xərclərə qənaət: Əl ilə tərcümələrə olan ehtiyacı azaldır, lokalizasiya xərclərinizi aşağı salır.
• Daha yüksək dəqiqlik: Süni intellekt tərəfindən dəstəklənən tərcümələr mətnin kontekstinə uyğun, dəqiq və yüksək keyfiyyətli nəticələr təmin edir.
• Genişlənə bilən həll: Tətbiqiniz və müştəri bazanız artdıqca yeni dillər üçün dəstəyi asanlıqla əlavə edin.

Bu gün başlayın!

Sizin React tətbiqiniz avtomatik olaraq Translate komponentinə hər hansı mətn əlavə etdiyiniz zaman tərcümə olunacaq. Qeyd edin ki, yalnız API açarının read/write icazələrinə malik mühitlər tərcümə üçün yeni mətnlər yarada biləcək.

Tövsiyə edirik ki, istehsal tətbiqinizi işə salmazdan əvvəl yeni mətnlər əlavə edib sınaya biləcəyiniz bağlı və təhlükəsiz bir sınaq (staging) mühiti saxlayasınız. Bu, heç kimin sizin gizli API açarınızı oğurlamasının qarşısını alacaq və pis niyyətli mətnlər əlavə etmə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!