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

İş prinsipi necədir

TacoTranslate paketini npm vasitəsilə quraşdırın:

npm install tacotranslate

Modul quraşdırıldıqdan sonra, TacoTranslate hesabı, tərcümə layihəsi və əlaqəli API açarları yaratmalısınız. Burada hesab yaradın. Bu pulsuzdur və kredit kartı əlavə etməyinizi tələb etmir.

TacoTranslate tətbiq 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. Bunları 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ündəki .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: Əsas ehtiyat dil kodu. Bu nümunədə, İngilis dili üçün en olaraq təyin edəcəyik.
• TACOTRANSLATE_ORIGIN: Sətirlərinizin saxlanacağı “qovluq”, məsələn, saytınızın URL-sidir. Buradan originlər haqqında daha çox 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ırmadığınızdan əmin olun.

TacoTranslate qurulması

TacoTranslate proqramını React tətbiqinizdə TacoTranslate kontekst təminatçısı ilə tətbiqinizi sarımaqla başlayı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 qurğunuz üçün xüsusi tətbiq bələdçiləri üçün sənədlərimizə baxmağı unutmayın.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

TacoTranslate istifadə etməyin faydaları

• Vaxt qənaəti: Lokalizasiya və sətirlərin toplanması kimi yorucu prosesi avtomatlaşdırır, dəyərli vaxtınıza qənaət edir.
• Əlverişli: Əl ilə tərcümə ehtiyacını azaldır, lokalizasiya xərclərinizi aşağı salır.
• Dəqiqliyin təkmilləşdirilməsi: 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.
• Miçyaslana bilən həll: Tətbiqiniz və müştəri bazanız böyüdükcə, yeni dillər üçün dəstək asanlıqla əlavə olunur.

Bugündən başlayın!

Sizin React tətbiqinizə Translate komponentinə hər hansı mətn əlavə etdiyiniz zaman avtomatik olaraq tərcümə olunacaq. Qeyd edin ki, yalnız read/write icazələrinə malik olan mühitlər API açarında yeni tərcümə olunacaq mətnlər yarada bilərlər.

Biz tövsiyə edirik ki, canlı yayıma keçməzdən əvvəl istehsal tətbiqinizi sınaqdan keçirə biləcəyiniz bağlı və təhlükəsiz bir sınaq mühiti olsun. Bu, gizli API açarınızın oğurlanmasının qarşısını alacaq və təsadüfi əlavə olunan mətnlərlə 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!