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

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

TacoTranslate tətbiqi UI daxilində bir layihə yaradın və onun API açarları bölməsinə 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ç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ğunda olan .env faylına əlavə edə bilərsiniz.

Sizə iki əlavə ətraf mühit dəyişəni əlavə etmək lazım olacaq: TACOTRANSLATE_DEFAULT_LOCALE və TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan əvəzləyici ləqəbdəki kod. Bu nümunədə onu İ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-i. Burada orijinlə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əfində istehsal mühitlərinə gizli read/write API açarını heç vaxt sızdırmadığınızdan əmin olun.

TacoTranslate-ı Quraşdırmaq

TacoTranslate kontekst təminatçısında tətbiqinizi bürüyərək TacoTranslate-i React tətbiqinizdə başladı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ə edilmiş mətni göstərmək üçün istifadə edə bilərsiniz! Daha çox məlumat və xüsusi konfiqurasiya üçün tətbiqinizə uyğun tətbiq rəhbərləri üçün sənədlərimizi mütləq yoxlayı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ə mətnlərin toplanması kimi yorucu prosesləri avtomatlaşdırır, beləliklə sizin dəyərli vaxtınıza qənaət edir.
• Əlverişli qiymət: Əl ilə tərcümə ehtiyacını azaldaraq lokalizasiya xərclərinizi aşağı salır.
• Yaxşılaşdırılmış dəqiqlik: Süni intellektlə gücləndirilmiş tərcümələr kontekstə uyğun 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ə dəstək əlavə etmək asandır.

Bu gün başlayın!

Sizin React tətbiqinizə hər hansı bir mətn Translate komponentinə əlavə olunduqda avtomatik olaraq tərcümə ediləcək. Qeyd edin ki, yalnız read/write icazələrinə malik mühitlər API açarı vasitəsilə tərcümə olunacaq yeni mətnlər yarada biləcək.

Biz tövsiyə edirik ki, istehsal tətbiqinizi canlıya keçmədən əvvəl yeni mətnlər əlavə etmək üçün bağlanmış və təhlükəsiz bir sınaq mühiti qurulasınız. Bu, kiminsə gizli API açarınızı oğurlamasının qarşısını alacaq və eyni zamanda tərcümə layihənizin icazəsiz mətnlərlə şişməsinin qarşısını götürəcək.

Mütləq GitHub profilimizdə tam nümunələrə baxın. Hər hansı bir problem yaşasanız, çəkinmədən bizimlə əlaqə saxlayın, sizə kömək etməkdən məmnun olarıq.

TacoTranslate React tətbiqlərinizi istənilən dilə və dildən avtomatik olaraq sürətlə lokalizasiya etməyə imkan verir. Pulsuz tərcümə edin!