React tətbiqlərində ən yaxşı beynəlxalqlaşdırma (i18n) həlli

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ı yaratmanız lazım olacaq. Burada hesab yaradın. Bu pulsuzdur və kredit kartı əlavə etməyinizi tələb etmir.

TacoTranslate tətbiqinin UI-sində bir layihə yaradın və onun API açarları tabına 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ını public adlandırırıq, 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.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan alternativ yerli kodu. Bu nümunədə, İngilis dili üçün en olaraq təyin edəcəyik.
• TACOTRANSLATE_ORIGIN: Mətnlərinizin saxlanılacağı “qovluq”, məsələn saytınızın URL-i. Mənbələr haqqında daha ətraflı 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ühitlərinə gizli read/write API açarını heç vaxt sızdırmadığınızdan əmin olun.

TacoTranslate Quraşdırılması

Tətbiqinizi TacoTranslate kontekst təminatçısına bükərək React tətbiqinizdə TacoTranslate-i 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! Daha ətraflı məlumat və sizin konfiqurasiyanıza xüsusi icraat qaydaları üçün mütləq 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 istifadə etməyin üstünlükləri

• Vaxt qənaəti: Lokalizasiya və stringlərin toplanması kimi yorucu prosesləri avtomatlaşdıraraq sizə dəyərli vaxt qazandırır.
• Xərclərə qənaət: Əl ilə tərcümə ehtiyacını azaldır, bununla da lokalizasiya xərclərinizi aşağı salır.
• Dəqiqliyin yaxşılaşdırılması: Süni intellektlə gücləndirilmiş tərcümələr kontekstual olaraq dəqiq və yüksək keyfiyyətli nəticələr təmin edir.
• Şkalalanan Həll: Tətbiqiniz və müştəri bazanız artdıqca yeni dillərə asanlıqla dəstək əlavə edin.

Bu gün başlayın!

Sizin React tətbiqinizdə Translate komponentinə hər hansı sətir əlavə etdikdə avtomatik tərcümə olunacaq. Qeyd edin ki, yeni tərcümə üçün əlavə ediləcək sətirləri yalnız API açarına read/write icazəsi verilmiş mühitlərdə yaratmaq mümkün olacaq.

Biz tövsiyə edirik ki, istehsal tətbiqinizi test etmək və canlıya keçməzdən əvvəl yeni sətirlər əlavə etmək üçün qapalı və təhlükəsiz bir staging mühiti saxlayasınız. Bu, gizli API açarınızın oğurlanmasının qarşısını alacaq və tərcümə layihənizin icazəsiz sətirlərlə dolmasının 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!