Lokalizacija bez napora za React aplikacije

Kako to funkcioniše

Instalirajte paket TacoTranslate putem npm-a:

npm install tacotranslate

Kada instalirate modul, trebat ćete kreirati TacoTranslate račun, projekat za prevođenje i pripadajuće API ključeve. Kreirajte račun ovdje. Besplatno je i ne zahtijeva da dodate kreditnu karticu.

U korisničkom sučelju TacoTranslate aplikacije kreirajte projekat i idite na karticu za API ključeve. Kreirajte jedan read ključ i jedan read/write ključ. Sačuvaćemo ih kao varijable okruženja. Ključ read nazivamo public, a ključ read/write je secret. Na primjer, možete ih dodati u .env datoteku u korijenu vašeg projekta.

Također ćete trebati dodati još dvije varijable okruženja: TACOTRANSLATE_DEFAULT_LOCALE i TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Zadani kod rezervne lokalizacije. U ovom primjeru postavit ćemo ga na en za engleski.
• TACOTRANSLATE_ORIGIN: “folder” u kojem će biti pohranjeni vaši tekstovi, poput URL-a vaše web-stranice. Pročitajte više o originima ovdje.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Obavezno nikada ne otkrivajte tajni read/write API ključ u produkcijskim okruženjima na strani klijenta.

Postavljanje TacoTranslatea

Inicijalizirajte TacoTranslate u svojoj React aplikaciji tako što ćete aplikaciju omotati TacoTranslate context providerom:

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>
	);
}

Sada možete koristiti komponentu Translate bilo gdje u svojoj aplikaciji za prikaz prevedenog teksta! Obavezno pogledajte našu dokumentaciju za više informacija i vodiče za implementaciju prilagođene vašoj konfiguraciji.

import {Translate} from 'tacotranslate/react';

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

Prednosti korištenja TacoTranslate

• Ušteda vremena: Automatizira zamoran proces lokalizacije i prikupljanja stringova, štedeći vam dragocjeno vrijeme.
• Isplativo: Smanjuje potrebu za ručnim prevodima, čime se smanjuju vaši troškovi lokalizacije.
• Poboljšana tačnost: Prevodi pokretani umjetnom inteligencijom osiguravaju kontekstualno tačne i visokokvalitetne rezultate.
• Skalabilno rješenje: Lako dodajte podršku za nove jezike kako vaša aplikacija i baza korisnika rastu.

Počnite danas!

Vaša React aplikacija će se automatski prevesti kada dodate bilo koje nizove u Translate komponentu. Imajte na umu da samo okruženja s dopuštenjima read/write na API ključu mogu kreirati nove nizove za prevođenje.

Preporučujemo da imate zatvoreno i sigurno staging okruženje u kojem možete testirati svoju produkcijsku aplikaciju, dodajući nove nizove prije objave. To će spriječiti bilo koga od krađe vašeg tajnog API ključa i potencijalnog napuhavanja vašeg projekta prevođenja dodavanjem zlonamjernih nizova.

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!