React tətbiqləri üçün asanlıqla lokalizasiya

İş prinsipi

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ətbiqetmə UI-də 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. Biz onları 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 qovluğunda yerləşən .env faylına əlavə edə bilərsiniz.

Siz həmçinin iki əlavə ətraf mühit dəyişəni əlavə etməlisiniz: TACOTRANSLATE_DEFAULT_LOCALE və TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Defolt ehtiyat lokal kodu. Bu nümunədə, onu İngilis dili üçün en kimi təyin edəcəyik.
• TACOTRANSLATE_ORIGIN: Sətirlərinizin saxlanılacağı "qovluq", məsələn, saytınızın URL ünvanı. Burada 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ı heç vaxt müştəri tərəfi istehsal mühitlərinə sızdırmayın.

TacoTranslate qurulması

Tətbiqinizi TacoTranslate kontekst təminatçısında sarıyararaq 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ə Translate komponentindən istənilən yerdə tərcümə olunmuş mətn göstərmək üçün istifadə edə bilərsiniz! Daha ətraflı məlumat və sizin quruluşunuza uyğun tətbiq təlimatları üçü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 yığılması kimi yorucu prosesləri avtomatlaşdıraraq qiymətli vaxta qənaət edir.
• Əlverişli qiymət: Əl ilə tərcümə ehtiyacını azaldır, lokalizasiya xərclərinizi aşağı salır.
• Təkmilləşdirilmiş dəqiqlik: Süni intellektlə təmin olunan tərcümələr kontekstə uyğun və yüksək keyfiyyətli nəticələr təmin edir.
• Mixtarlanabilən həll: Tətbiqiniz və müştəri bazanız böyüdükcə yeni dillərə dəstəyi asanlıqla əlavə edin.

Bu gün başlayın!

Sizin React tətbiqinizə hər hansı bir sətri Translate komponentinə əlavə etdiyiniz zaman avtomatik olaraq tərcümə ediləcək. Qeyd edin ki, yalnız API açarında read/write icazələri olan mühitlər tərcümə olunacaq yeni sətrləri yarada biləcəklər.

Biz tövsiyə edirik ki, sizin açıq olmayan və təhlükəsiz bir staging mühiti olsun, burada canlıya keçməzdən əvvəl istehsal tətbiqinizi sınaqdan keçirə və yeni sətrlər əlavə edə biləsiniz. Bu, kimsənin sizin gizli API açarınızı oğurlamasının qarşısını alacaq və potensial olaraq tərcümə layihənizi qeyri-qanuni sətrlərlə doldurmasının qarşısını alacaq.

Əmin olun ki, GitHub profilimizdə tam nümunələrə baxasınız. Hər hansısa bir problem yaşasanız, bizimlə əlaqə saxlamaqdan çəkinməyin, sizə kömək etməkdən məmnun olarıq.

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