TacoTranslate
/
DokumentaceCeník
 
Článek
04. 5.

Snadná lokalizace pro React aplikace

Chcete rozšířit svou React aplikaci na nové trhy? TacoTranslate vám výrazně usnadní lokalizaci vašich React aplikací, což vám umožní oslovit globální publikum bez komplikací.

Proč si vybrat TacoTranslate pro React?

  • Bezproblémová integrace: Navrženo speciálně pro aplikace React, TacoTranslate se bez námahy integruje do vašeho stávajícího pracovního postupu.
  • Automatický sběr řetězců: Už žádná ruční správa JSON souborů. TacoTranslate automaticky sbírá řetězce z vašeho kódu.
  • Překlady poháněné AI: Využijte sílu umělé inteligence k poskytování kontextově správných překladů, které odpovídají tónu vaší aplikace.
  • Okamžitá podpora jazyků: Přidejte podporu nových jazyků pouhým kliknutím, díky čemuž bude vaše aplikace globálně dostupná.

Jak to funguje

Nainstalujte balíček TacoTranslate pomocí npm:

npm install tacotranslate

Když máte modul nainstalovaný, budete si muset vytvořit účet TacoTranslate, překladatelský projekt a související API klíče. Vytvořte si účet zde. Je to zdarma a nevyžaduje zadání kreditní karty.

V uživatelském rozhraní aplikace TacoTranslate vytvořte projekt a přejděte na záložku s API klíči. Vytvořte jeden read klíč a jeden read/write klíč. Uložíme je jako proměnné prostředí. read klíč nazýváme public a read/write klíč je secret. Například je můžete přidat do .env souboru v kořenovém adresáři vašeho projektu.

Budete také muset přidat dvě další proměnné prostředí: TACOTRANSLATE_DEFAULT_LOCALE a TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Výchozí kód záložní lokalizace. V tomto příkladu jej nastavíme na en pro angličtinu.
  • TACOTRANSLATE_ORIGIN: „Složka“, kde budou vaše řetězce ukládány, například URL vašeho webu. Více o origínech si přečtěte zde.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Ujistěte se, že nikdy neprozradíte tajný read/write API klíč do produkčního prostředí na straně klienta.

Nastavení TacoTranslate

Inicializujte TacoTranslate ve vaší React aplikaci tak, že zabalíte vaši aplikaci do poskytovatele kontextu 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>
	);
}

Nyní můžete používat komponentu Translate kdekoli ve vaší aplikaci k zobrazování přeloženého textu! Nezapomeňte si pro více informací a návody na implementaci specifické pro vaše nastavení prohlédnout naši dokumentaci.

import {Translate} from 'tacotranslate/react';

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

Výhody používání TacoTranslate

  • Úspora času: Automatizuje nudný proces lokalizace a sběru řetězců, čímž vám šetří cenný čas.
  • Úspornost nákladů: Snižuje potřebu manuálních překladů, čímž snižuje vaše náklady na lokalizaci.
  • Zlepšená přesnost: Překlady poháněné AI zajišťují kontextuálně přesné a kvalitní výsledky.
  • Škálovatelné řešení: Snadno přidávejte podporu nových jazyků, jak vaše aplikace a zákaznická základna rostou.

Začněte ještě dnes!

Vaše React aplikace bude automaticky přeložena, když přidáte jakékoli řetězce do komponenty Translate. Upozorňujeme, že pouze prostředí s oprávněními read/write na API klíči budou schopna vytvářet nové řetězce k překladu.

Doporučujeme mít uzavřené a zabezpečené stagingové prostředí, kde můžete testovat svou produkční aplikaci a před jejím spuštěním přidávat nové řetězce. Tím zabráníte tomu, aby někdo ukradl váš tajný API klíč a případně zaplevelil váš překladatelský projekt nechtěnými řetězci.

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!

Produkt od NattskiftetVyrobeno v Norsku