React tətbiqləri üçün asan lokalizasiya

İş prinsipi

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ını yaratmalısınız. Burada hesab yaradın. Bu pulsuzdur və kredit kartı əlavə etməniz tələb olunmur.

TacoTranslate tətbiqi İstifadəçi İnterfeysində bir layihə yaradın və API açarları sekmesine 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ı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ə mühit dəyişəni əlavə etməlisiniz: TACOTRANSLATE_DEFAULT_LOCALE və TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Əsas keçid yeri kodu. Bu nümunədə, onu İngilis 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 ünvanı. Burada keçid yerləri 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

Müştəri tərəfi istehsal mühitlərinə gizli read/write API açarını heç vaxt sızdırmamağa diqqət edin.

TacoTranslate qurulması

TacoTranslate kontekst təminatçısında tətbiqinizi sarımaqla 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 istifadə edərək tərcümə olunmuş mətni göstərə 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 faydaları

• Vaxt qənaəti: Lokalizasiya və sətirlərin toplanması kimi yorucu prosesi avtomatlaşdıraraq dəyərli vaxtınıza qənaət edir.
• Əlverişli maliyyət: Əl ilə tərcümə ehtiyacını azaldır, lokalizasiya xərclərinizi aşağı salır.
• Yaxşılaşdırılmış dəqiqlik: Süni zəka 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.
• Şkalalanan 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ə istənilən sətirləri Translate komponentinə əlavə etdikdə 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ında yeni tərcümə olunacaq sətirlər yarada biləcəklər.

İstehsal tətbiqinizi işə salmadan əvvəl yeni sətirlər əlavə etmək üçün bağlanmış və qorunan bir sınaq mühitinizin olmasını tövsiyə edirik. Bu, heç kimin sizin gizli API açarınızı oğurlamasının qarşısını alacaq və potensial olaraq tərcümə layihənizi icazəsiz sətirlər əlavə etməklə şişirtməyəcək.

Əmin olun ki, tam nümunələrə bizim GitHub profilimizdə baxasınız. Hər hansı bir problem yaşasanız, bizimlə əlaqə saxlayın, və biz sizə məmnuniyyətlə kömək edəcəyik.

TacoTranslate React tətbiqlərinizi istənilən dilə və istənilən dildən avtomatik və sürətli şəkildə lokalizasiya etməyə imkan verir. Pulsuz tərcümə et!