Enostavna lokalizacija za aplikacije React

Želite razširiti svojo React aplikacijo na nove trge? TacoTranslate izjemno olajša lokalizacijo vaših React aplikacij in vam omogoča, da brez zapletov dosežete svetovno občinstvo.

Zakaj izbrati TacoTranslate za React?

Brezhibna integracija: Zasnovan posebej za aplikacije React, se TacoTranslate brez težav integrira v vaš obstoječi potek dela.
Samodejno zbiranje nizov: Ni več ročnega upravljanja z JSON datotekami. TacoTranslate samodejno zbira nize iz vaše kode.
Prevodi, ki jih poganja AI: Izkoristite moč umetne inteligence za zagotavljanje kontekstualno natančnih prevodov, ki ustrezajo tonu vaše aplikacije.
Takojšnja podpora jezikom: Z enim klikom dodajte podporo za nove jezike in s tem omogočite, da bo vaša aplikacija dostopna po vsem svetu.

Kako deluje

Namestite paket TacoTranslate prek npm:

npm install tacotranslate

Ko boste namestili modul, boste morali ustvariti račun TacoTranslate, prevajalski projekt in pripadajoče API ključe. Ustvarite račun tukaj. Brezplačno je in ne zahteva vnosa kreditne kartice.

V uporabniškem vmesniku aplikacije TacoTranslate ustvarite projekt in odprite zavihek API ključev. Ustvarite en read ključ in en read/write ključ. Shranili jih bomo kot okoljske spremenljivke. Ključ read imenujemo public, ključ read/write pa je secret. Na primer, lahko jih dodate v datoteko .env v korenu vašega projekta.

Poleg tega boste morali dodati še dve spremenljivki okolja: TACOTRANSLATE_DEFAULT_LOCALE in TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Privzeta koda rezervnega jezika. V tem primeru jo bomo nastavili na en za angleščino.
TACOTRANSLATE_ORIGIN: “mapa”, kjer bodo shranjeni vaši nizi besedila, na primer URL vaše spletne strani. Preberite več o originah tukaj.

.env

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

Poskrbite, da skrivnega read/write API ključa nikoli ne razkrijete v produkcijskih okoljih na strani odjemalca.

Nastavitev TacoTranslate

Inicializirajte TacoTranslate v svoji React aplikaciji tako, da aplikacijo zavijete v ponudnika konteksta TacoTranslate:

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

Zdaj lahko komponento Translate uporabite kjerkoli v svoji aplikaciji za prikaz prevedenega besedila! Ne pozabite si ogledati našo dokumentacijo za več informacij in navodila za implementacijo, prilagojena vaši nastavitvi.

import {Translate} from 'tacotranslate/react';

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

Prednosti uporabe TacoTranslate

Prihranek časa: Avtomatizira zamuden proces lokalizacije in zbiranja nizov, s čimer prihranite dragoceni čas.
Stroškovna učinkovitost: Zmanjša potrebo po ročnih prevodih in zniža stroške lokalizacije.
Izboljšana natančnost: Prevedeno z AI zagotavlja kontekstualno natančne in visokokakovostne rezultate.
Razširljiva rešitev: Enostavno dodajte podporo za nove jezike, ko vaša aplikacija in baza strank rastejo.

Začnite danes!

Vaša React aplikacija bo samodejno prevedena, ko v komponento Translate dodate katerikoli niz besedila. Upoštevajte, da bodo lahko nove nize za prevod ustvarili le okolji z dovoljenji read/write za API ključ.

Priporočamo, da imate zaprto in zavarovano testno (staging) okolje, kjer lahko preizkusite svojo produkcijsko aplikacijo in pred objavo dodate nove nize. To bo preprečilo, da bi kdor koli kdor koli ukradel vaš skrivni API ključ in s tem morebiti napihnil vaš prevajalski projekt z neželenimi nizi.

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!