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

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

TacoTranslate tətbiqinin İstifadəçi İnterfeysində bir layihə yaradın və onun API açarları sekmesine keçin. Bir read açarı və bir read/write açarı yaradın. Biz onları mühit dəyişənləri kimi yadda saxlayacağıq. read açarı bizdə public adlanır, read/write açarı isə secret adlandırılır. Məsələn, onları layihənizin kök qovluğundakı .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: Defolt geri dönüş lokallaşdırma 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-i. Burada origins 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ı

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ətbiqinizin istənilən yerində Translate komponentindən istifadə edərək tərcümə edilmiş mətni göstərə bilərsiniz! Daha ətraflı məlumat və sizin quraşdırmanıza uyğun tətbiq təlimatları üçün sənədlərimizə mütləq baxın.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate istifadəsinin üstünlükləri

• Vaxt qənaəti: Lokalizasiya və mətnlərin toplanması prosesini avtomatlaşdırır, dəyərli vaxtınıza qənaət edir.
• Maliyet effektli: Əl ilə tərcümə ehtiyacını azaldır, lokalizasiya xərclərinizi aşağı salır.
• Daha dəqiq nəticələr: 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çnarlanabilən həll: Tətbiqiniz və istifadəçi bazanız böyüdükcə asanlıqla yeni dillər üçün dəstək əlavə edin.

Bu gün başlayın!

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

Biz tövsiyə edirik ki, istehsal tətbiqinizi canlıya keçməzdən əvvəl yeni mətnlər əlavə edərək sınaqdan keçirə biləcəyiniz bağlı və təhlükəsiz bir sınaq mühiti qurulasınız. Bu, kiminsə sizin gizli API açarınızı oğurlamasının və tərcümə layihənizi naməlum mətnlərlə doldurması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!