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ı yaratmalısınız. Buradan 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ına biz public deyirik, və read/write açarı isə secret adlanır. Məsələn, onları layihənizin kök qovluğundakı .env faylına əlavə edə bilərsiniz.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan ehtiyat lokal 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 çox məlumatı buradan oxuyun.

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

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

TacoTranslate-i quraşdırmaq

React tətbiqinizdə TacoTranslate-i tətbiqinizi TacoTranslate kontekst provayderinə sararaq 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ətbiqinizin istənilən yerində Translate komponentindən tərcümə olunmuş mətni göstərmək üçün istifadə edə bilərsiniz! Ətraflı məlumat və quruluşunuza uyğun tətbiqetmə təlimatları üçün sənədlərimizə 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ı

• Vaxt qənaəti: Lokalizasiya və sətirlərin toplanması kimi yorucu prosesləri avtomatlaşdırır və sizə qiymətli vaxt qazandırır.
• Sərfəli: Əl ilə tərcüməyə olan ehtiyacı azaldır və lokalizasiya xərclərinizi aşağı salır.
• Daha yüksək dəqiqlik: Süni intellektlə təmin olunan tərcümələr kontekstə uyğun, dəqiq və yüksək keyfiyyətli nəticələr verir.
• Genişlənə 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ə edin.

Bu gün başlayın!

React tətbiqinizdə Translate komponentinə hər hansı mətn əlavə etdiyiniz zaman tətbiqiniz avtomatik olaraq tərcümə ediləcək. Qeyd: yalnız API açarında read/write icazələrinə malik olan mühitlər tərcümə üçün yeni mətnlər yarada bilərlər.

Tövsiyə edirik ki, istehsal tətbiqinizi sınaqdan keçirə və yayına verməzdən əvvəl yeni mətnlər əlavə edə biləcəyiniz qapalı və təhlükəsiz bir sınaq mühiti olsun. Bu, heç kimin gizli API açarınızı oğurlamasının və zərərli mətnlər əlavə edərək tərcümə layihənizi şişirtmə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!