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ı, bir tərcümə layihəsi və müvafiq API açarları yaratmalısınız. Hesabınızı burada yaradın. 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ı 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 adlanı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 də təyin etməlisiniz: TACOTRANSLATE_DEFAULT_LOCALE və TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Standart ehtiyat lokal (fallback) kodu. Bu nümunədə onu İngilis üçü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 barədə daha ətraflı məlumatı buradan 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əfindəki istehsal mühitlərinə heç vaxt 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ətbiqinizdə istənilən yerdə Translate komponentindən tərcümə olunmuş mətni göstərmək üçün istifadə edə bilərsiniz! Əlavə məlumat və konfiqurasiyanıza uyğun tətbiqetmə təlimatları üçün mütləq 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ı

• Vaxta qənaət: Lokalizasiya və mətnlərin toplanması kimi yorucu prosesləri avtomatlaşdırır və sizin dəyərli vaxtınıza qənaət edir.
• Xərc-effektiv: Əl ilə tərcüməyə olan ehtiyacı azaldır və 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 üzrə dəqiq və yüksək keyfiyyətli nəticələr təmin edir.
• Miqyaslana bilən həll: Proqramınız və müştəri bazanız böyüdükcə yeni dillərə dəstəyi asanlıqla əlavə edin.

Bu gün başlayın!

React tətbiqiniz Translate komponentinə hər hansı string əlavə etdiyiniz zaman avtomatik olaraq tərcümə olunacaq. Qeyd edin ki, yalnız API açarında read/write icazələri olan mühitlər tərcümə üçün yeni stringlər yarada biləcəklər.

Tövsiyə edirik ki, istehsal tətbiqinizi sınaqdan keçirdiyiniz və yayımlamadan əvvəl yeni stringlər əlavə etdiyiniz bağlı və təhlükəsiz bir staging mühiti olsun. Bu, heç kimin gizli API açarınızı oğurlamasının və ya zərərli stringlər əlavə etməklə tərcümə layihənizi potensial olaraq ş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!