React tətbiqləri üçün problemsiz 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ə ə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ı ətraf mühit dəyişənləri kimi saxlayacağıq. read açara biz public deyirik, read/write açara isə secret deyirik. 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 əlavə etməlisiniz: TACOTRANSLATE_DEFAULT_LOCALE və TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan əvəzedici 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 üçün buraya baxın.

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əfinin istehsal mühitlərinə heç vaxt sızdırmayın.

TacoTranslate-i qurmaq

React tətbiqinizdə TacoTranslate-i tətbiqinizi TacoTranslate kontekst provayderi ilə 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ətbiqinizdə istənilən yerdə Translate komponentindən tərcümə olunmuş mətni göstərmək üçün istifadə edə bilərsiniz! Daha ətraflı məlumat və tətbiqinizə uyğun tətbiqetmə bələdçiləri üçü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ıraraq 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 intellekt ilə dəstəklənən tərcümələr kontekstual olaraq düzgün 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.

Bugün başlayın!

React tətbiqiniz Translate komponentinə hər hansı sətirləri əlavə etdiyiniz zaman avtomatik olaraq tərcümə olunacaq. Qeyd edin ki, API açarına read/write icazəsi verilmiş mühitlər yeni tərcümə olunacaq sətirlər yarada bilərlər.

Canlıya keçməzdən əvvəl yeni sətirlər əlavə edərək istehsal tətbiqinizi sınaqdan keçirə biləcəyiniz qapalı və təhlükəsiz bir staging (sınaq) mühitinə sahib olmağı tövsiyə edirik. Bu, gizli API açarınızın kimsə tərəfindən oğurlanmasının və layihənizin pis niyyətli sətirlərlə şişirdilmə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!