React tətbiqləri üçün zəhmətsiz lokalizasiya

Necə işləyir

npm vasitəsilə TacoTranslate paketini 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. Pulsuzdur və kredit kartı əlavə etməyinizi tələb etmir.

TacoTranslate tətbiqinin istifadəçi interfeysində 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. Onları mühit dəyişənləri kimi yadda saxlayacağıq. read açarı bizim public adlandırdığımız açardır, read/write açarı isə secret adlandırdığımız açardır. Məsələn, onları layihənizin kök qovluğunda yerləşən .env faylına əlavə edə bilərsiniz.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Əsas (fallback) lokal kodu. Bu nümunədə onu ingilis 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. Originlər barədə 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ı müştəri tərəfi istehsal mühitlərinə heç vaxt sızdırmayın.

TacoTranslate-in quraşdırılması

TacoTranslate-i React tətbiqinizdə TacoTranslate kontekst təminatçısına tətbiqinizi sararaq 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ə tərcümə olunmuş mətni göstərmək üçün Translate komponentindən istifadə edə bilərsiniz! Ətraflı məlumat və sizin quraşdırmanıza uyğun tətbiqetmə 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-dən istifadə etməyin faydaları

• Vaxt qənaəti: Lokalizasiya və mətn toplama prosesini avtomatlaşdırır, dəyərli vaxta qənaət edir.
• Sərfəli: Əl ilə tərcümələrə olan tələbatı azaldır, lokalizasiya xərclərinizi aşağı salır.
• Daha yaxşı 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.
• Genişlənə bilən həll: Tətbiqiniz və müştəri bazanız artdıqca yeni dillərə dəstəyi asanlıqla əlavə edin.

Bu gün başlayın!

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

Biz tövsiyə edirik ki, istehsal tətbiqinizi yayımlamadan əvvəl yeni sətirlər əlavə edib sınaqdan keçirmək üçün bağlı və təhlükəsiz bir sınaq mühiti saxlayasınız. Bu, heç kimin sizin gizli API açarınızı oğurlamasının və potensial olaraq tərcümə layihənizi zərərli sətirlərlə ş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!