React tətbiqləri üçün problemsiz lokalizasiya

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ə əlaqəli API açarları yaratmalısınız. Buradan hesab 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 adlandırdığımız açardır. Məsələn, onları layihənizin kök qovluğundakı .env fayla əlavə edə bilərsiniz.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Standart ehtiyat (fallback) lokal kodu. Bu nümunədə onu ingilis dili üçün en olaraq təyin edəcəyik.
• TACOTRANSLATE_ORIGIN: Mətinlə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-ni quraşdırmaq

React tətbiqinizdə TacoTranslate-i başlatmaq üçün tətbiqinizi TacoTranslate kontekst provayderinə sarı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ətn göstərmək üçün istifadə edə bilərsiniz! Əlavə məlumat və quraşdırmanıza uyğun implementasiya təlimatları üçün sənədlərimizi yoxladığınızdan əmin olun.

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ətinlərin toplanması kimi yorucu prosesi avtomatlaşdıraraq dəyərli vaxtınıza qənaət edir.
• Xərci qənaət edən: Əl ilə tərcümələrə olan tələbi azaldır və beləliklə lokalizasiya xərclərinizi aşağı salır.
• Daha yüksək 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.
• Genişlənəbilən həll: Tətbiqiniz və müştəri bazanız böyüdükcə yeni dillərin dəstəyini asanlıqla əlavə edə bilərsiniz.

Bugün başlayın!

React tətbiqinizdə Translate komponentinə hər hansı mətn əlavə etdikdə, tətbiqiniz avtomatik olaraq tərcümə olunacaq. Qeyd edək ki, yalnız API açarında read/write icazəsi olan mühitlər tərcümə üçün yeni mətnlər yarada biləcəklər.

Canlıya çıxmadan ə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 sınaq mühiti yaradmağı tövsiyə edirik. Bu, heç kəsin sizin gizli API açarınızı oğurlamasının və ya icazəsiz 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!