TacoTranslate
/
DokumentacijaCenik
 
Članek
04. maj

Najboljša rešitev za mednarodno prilagoditev (i18n) v React aplikacijah

Ali želite svojo React aplikacijo razširiti na nove trge? TacoTranslate izjemno poenostavi lokalizacijo vaših React aplikacij, kar vam omogoča, da dosežete globalno občinstvo brez zapletov.

Zakaj izbrati TacoTranslate za React?

  • Brezhibna integracija: Posebej zasnovan za React aplikacije, se TacoTranslate enostavno vključi v vaš obstoječi delovni proces.
  • Samodejno zbiranje nizov: Ni vam več treba ročno upravljati JSON datotek. TacoTranslate samodejno zbira nize iz vaše kode.
  • Prevodi na osnovi umetne inteligence: Izkoristite moč AI za zagotavljanje kontekstualno natančnih prevodov, ki ustrezajo tonu vaše aplikacije.
  • Takšna podpora jezikom: Dodatno podporo za nove jezike vključite le z enim klikom, s čimer naredite svojo aplikacijo dostopno po vsem svetu.

Kako deluje

Namestite paket TacoTranslate preko npm:

npm install tacotranslate

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

V uporabniškem vmesniku aplikacije TacoTranslate ustvarite projekt in se premaknite na zavihek njegove API ključe. 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.

Potrebno je dodati še dve okoljski spremenljivki: TACOTRANSLATE_DEFAULT_LOCALE in TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Privzeta koda jezika za rezervno možnost. V tem primeru jo bomo nastavili na en za angleščino.
  • TACOTRANSLATE_ORIGIN: "Mapa", kjer bodo shranjene vaše nizi, na primer URL vašega spletnega mesta. Preberite več o izvorih tukaj.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

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

Nastavitev TacoTranslate

Inicializirajte TacoTranslate v vaši React aplikaciji tako, da zavijete vašo aplikacijo v TacoTranslate kontekstnega ponudnika:

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 kjerkoli v vaši aplikaciji uporabite komponento Translate, da prikažete prevedeno besedilo! Ne pozabite preveriti našo dokumentacijo za več informacij in za vodiče za implementacijo, specifične za vašo nastavitev.

import {Translate} from 'tacotranslate/react';

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

Prednosti uporabe TacoTranslate

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

Začni danes!

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

Priporočamo, da imate zaprto in varno testno (staging) okolje, kjer lahko preizkusite vašo produkcijsko aplikacijo in dodajate nova besedila pred objavo. Tako boste preprečili, da bi kdorkoli ukradel vaš skrivni API ključ in potencialno napolnil 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!

Izdelek podjetja NattskiftetIzdelano na Norveškem