React tətbiqləri üçün asan lokallaşdırma

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. Buradan hesab yaradın. O pulsuzdur və kredit kartı əlavə etməyinizi tələb etmir.

TacoTranslate tətbiqinin istifadəçi interfeysində layihə yaradın və onun API açarları tabına keçin. Bir read açarı və bir read/write açarı yaradın. Biz onları mühit dəyişənləri kimi saxlayacağıq. read açarına public deyirik, 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.

Bundan əlavə, iki mühit dəyişəni əlavə etməlisiniz: TACOTRANSLATE_DEFAULT_LOCALE və TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan (fallback) lokal kodu. Bu nümunədə onu İngilis 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ı müştəri tərəfi istehsal mühitlərinə heç vaxt sızdırmayın.

TacoTranslate-i quraşdırmaq

React tətbiqinizdə TacoTranslate-i tətbiqinizi TacoTranslate kontekst provayderi ilə əhatə edərək inicializasiya edin:

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ə edilmiş mətni göstərmək üçün Translate komponentindən istifadə edə bilərsiniz! Daha ətraflı məlumat və tətbiqinizə 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ı

• Vaxt qənaəti: Lokalizasiya və mətnlərin toplanması kimi yorucu prosesləri avtomatlaşdırır, dəyərli vaxtınıza qənaət edir.
• Maliyyət baxımından sərfəli: Əl ilə tərcüməyə olan ehtiyacı azaldır və lokalizasiya xərclərinizi aşağı salır.
• Dəqiqliyin yaxşılaşdırılması: Süni intellekt dəstəyi ilə işləyən tərcümələr kontekst baxımından 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ə 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ə olunacaq. Qeyd edin ki, API açarı üçün read/write icazəsi olan mühitlər yalnız tərcümə olunacaq yeni mətnlər yarada bilərlər.

Canlıya çıxmazdan əvvəl yeni mətnlər əlavə edərək istehsal tətbiqinizi sınaya biləcəyiniz bağlı və təhlükəsiz bir staging mühiti yaratmağı tövsiyə edirik. Bu, kimsənin gizli API açarınızı oğurlamasının və icazəsiz mətnlər əlavə etməklə 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!