React tətbiqləri üçün problemsiz lokallaşdırma

Necə işləyir

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

npm install tacotranslate

Modulu quraşdırdıqdan sonra TacoTranslate hesabı, bir tərcümə layihəsi və müvafiq API açarları yaratmalısınız. Buradan hesab yaradın. Bu pulsuzdur və kredit kartı əlavə etməyinizi tələb etmir.

TacoTranslate tətbiqinin istifadəçi interfeysində bir layihə yaradın və API açarları bölməsinə 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 bizim 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ə ətraf mühit dəyişəni təyin etməlisiniz: TACOTRANSLATE_DEFAULT_LOCALE və TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Standart əvəzləyici lokal kodu. Bu nümunədə onu ingilis dili üçün en olaraq təyin edəcəyik.
• TACOTRANSLATE_ORIGIN: Sətirlərinizin saxlanacağı “qovluq”, məsələn vebsaytınızın URL-i. Originlər haqqında daha ətraflı məlumatı burada 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əfindəki istehsal mühitlərinə sızdırmayın.

TacoTranslate-i qurmaq

TacoTranslate-i React tətbiqinizdə TacoTranslate kontekst provayderinə tətbiqinizi sarmaqla 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 tərcümə olunmuş mətni göstərmək üçün istifadə edə bilərsiniz! Ətraflı məlumat və sizin quraşdırmanıza uyğun tətbiqetmə təlimatları üçün sənədlərimizi mütləq nəzərdən keçirin.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate-dən istifadə etməyin faydaları

• Vaxt qənaəti: Lokalizasiyanın və sətirlərin toplanmasının yorucu prosesini avtomatlaşdırır, sizə dəyərli vaxt qazandırır.
• Sərfəlidir: Əl ilə tərcüməyə olan ehtiyacı azaldır, lokallaşdırma xərclərinizi aşağı salır.
• Daha yüksək dəqiqlik: Süni intellekt tərəfindən gücləndirilmiş tərcümələr kontekst üzrə dəqiq və yüksək keyfiyyətli nəticələr təmin edir.
• Miqyaslana 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 Translate komponentinə hər hansı sətrləri əlavə etdiyiniz zaman avtomatik olaraq tərcümə ediləcək. Qeyd edin ki, yalnız API açarı üçün read/write icazələrinə malik mühitlər yeni tərcümə olunacaq sətrləri yarada biləcək.

Məhsul tətbiqinizi canlıya çıxarmazdan əvvəl yeni sətrləri əlavə etməklə onu sınaqdan keçirə biləcəyiniz qapalı və təhlükəsiz bir staging (sınaq) mühiti saxlamağı məsləhət görürük. Bu, heç kimin sizin gizli API açarınızı oğurlamasının qarşısını alacaq və potensial olaraq zərərli sətrlər əlavə etməklə tərcümə layihənizi şişirtmə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!