Brezskrbna lokalizacija za React aplikacije

Kako deluje

Namestite paket TacoTranslate prek npm:

npm install tacotranslate

Ko imate modul nameščen, boste morali ustvariti račun TacoTranslate, prevajalski projekt in pripadajoče API ključe. Ustvarite račun tukaj. To je brezplačno in ne zahteva vnosa kreditne kartice.

V uporabniškem vmesniku aplikacije TacoTranslate ustvarite projekt in pojdite na zavihek z njegovimi API ključi. Ustvarite en read ključ in en read/write ključ. Shranili jih bomo kot okoljske spremenljivke. read ključ imenujemo public, medtem ko je read/write ključ secret. Na primer, lahko jih dodate v datoteko .env v korenski mapi vašega projekta.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Privzeta koda jezika za nazaj. V tem primeru jo bomo nastavili na en za angleščino.
• TACOTRANSLATE_ORIGIN: »Mapa«, kjer bodo shranjene vaše nizi, na primer URL vaše spletne strani. Preberite več o izvorih tukaj.

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

Poskrbite, da skrivni read/write API ključ nikoli ne bo razkrit v produkcijskih okolji na strani odjemalca.

Nastavitev TacoTranslate

Inicializirajte TacoTranslate v vaši React aplikaciji tako, da zavijete vašo aplikacijo v TacoTranslate kontekstni ponudnik:

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

Sedaj lahko kjerkoli v vaši aplikaciji uporabite komponento Translate za prikaz prevedenega besedila! Ne pozabite si ogledati našo dokumentacijo za več informacij in za vodiče za izvedbo, prilagojene vaši konfiguraciji.

import {Translate} from 'tacotranslate/react';

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

Prednosti uporabe TacoTranslate

• Prihranek časa: Avtomatizira dolgotrajen proces lokalizacije in zbiranja nizov, kar vam prihrani dragoceni čas.
• Stroškovno učinkovito: Zmanjšuje potrebo po ročnih prevodih, s čimer znižuje stroške lokalizacije.
• Izboljšana natančnost: Prevajanja, podprta z umetno inteligenco, zagotavljajo kontekstualno natančne in kakovostne rezultate.
• Razširljiva rešitev: Z lahkoto dodajte podporo za nove jezike, ko vaša aplikacija in baza uporabnikov raste.

Začnite danes!

Vaša React aplikacija bo samodejno prevedena, ko dodate katero koli besedilo v komponento Translate. Upoštevajte, da bodo lahko nova besedila za prevod ustvarjala le okolja z dovoljenji read/write na API ključu.

Priporočamo, da imate zaprto in varno pripravljalno okolje, v katerem lahko preizkusite svojo produkcijsko aplikacijo in dodajate nova besedila pred zagonom v živo. To bo preprečilo, da bi kdorkoli ukradel vaš skrivni API ključ in morebiti napihnil vaš prevajalski projekt z dodajanjem nezaželenih besedil.

Nikakor ne pozabite pogledati celotnih primerov na našem profilu GitHub. Če naletite na kakršnekoli težave, nas prosim kontaktirajte, z veseljem vam bomo pomagali.

TacoTranslate vam omogoča, da svoje React aplikacije avtomatsko lokalizirate hitro v katerikoli jezik in iz njega. Prevedite brezplačno!