TacoTranslate
/
DokumentacijaKainos
 
Straipsnis
2025-05-04

Lengva React programų lokalizacija

Ar norite plėsti savo React programą į naujas rinkas? TacoTranslate itin palengvina React programų lokalizavimą, leidžiant jums pasiekti pasaulinę auditoriją be jokių rūpesčių.

Kodėl rinktis TacoTranslate React'ui?

  • Sklandi integracija: Sukurta specialiai React programoms, TacoTranslate sklandžiai įsilieja į jūsų esamą darbo eigą.
  • Automatinis tekstų surinkimas: Nebereikės rankiniu būdu tvarkyti JSON failų. TacoTranslate automatiškai surenka tekstus iš jūsų kodo bazės.
  • Dirbtinio intelekto varomi vertimai: Pasinaudokite dirbtinio intelekto galia, kad gautumėte kontekstualiai tikslius vertimus, atitinkančius jūsų programos toną.
  • Momentinis kalbų palaikymas: Pridėkite naujų kalbų palaikymą vos vienu paspaudimu, kad jūsų programa būtų prieinama visame pasaulyje.

Kaip tai veikia

Įdiekite TacoTranslate paketą naudodami npm:

npm install tacotranslate

Kai įdiegsite modulį, turėsite sukurti TacoTranslate paskyrą, vertimo projektą ir susijusius API raktus. Sukurkite paskyrą čia. Tai nemokama ir nereikia pridėti kredito kortelės.

TacoTranslate aplikacijos naudotojo sąsajoje sukurkite projektą ir eikite į jo API raktų skirtuką. Sukurkite vieną read raktą ir vieną read/write raktą. Išsaugosime juos kaip aplinkos kintamuosius. read raktas yra tai, ką mes vadiname public, o read/write raktas yra secret. Pavyzdžiui, galite pridėti juos į .env failą jūsų projekto šakniniame kataloge.

Taip pat reikės pridėti dar dvi aplinkos kintamąsias: TACOTRANSLATE_DEFAULT_LOCALE ir TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Numatytasis atsarginis lokalės kodas. Šiame pavyzdyje nustatysime jį kaip en (anglų).
  • TACOTRANSLATE_ORIGIN: “aplankas”, kuriame bus saugomos jūsų eilutės, pavyzdžiui, jūsų svetainės URL. Skaitykite daugiau apie originus čia.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Įsitikinkite, kad niekada neatskleisite slaptą read/write API raktą kliento pusės produkcinėse aplinkose.

TacoTranslate nustatymas

Inicializuokite TacoTranslate savo React programoje, apgaubdami savo programą TacoTranslate konteksto tiekėju:

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

Dabar galite bet kurioje savo programos vietoje naudoti komponentą Translate, kad būtų rodomas išverstas tekstas! Būtinai peržiūrėkite mūsų dokumentaciją dėl daugiau informacijos ir įgyvendinimo gairių, pritaikytų jūsų sąrankai.

import {Translate} from 'tacotranslate/react';

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

Nauda naudojant TacoTranslate

  • Laiko taupymas: Automatizuoja varginantį lokalizacijos ir eilučių rinkimo procesą ir taupo jūsų vertingą laiką.
  • Ekonomiška: Sumažina poreikį rankiniams vertimams, taip mažindama lokalizacijos išlaidas.
  • Padidintas tikslumas: Dirbtinio intelekto varomos vertimai užtikrina kontekstualiai tikslius ir aukštos kokybės rezultatus.
  • Lengvai plečiamas sprendimas: Lengvai pridėkite palaikymą naujoms kalboms, kai auga jūsų programa ir klientų bazė.

Pradėkite jau šiandien!

Jūsų React programa bus automatiškai išversta, kai į Translate komponentą pridėsite bet kokias eilutes. Atkreipkite dėmesį, kad tik aplinkos, turinčios read/write teises prie API rakto, galės sukurti naujas eilutes vertimui.

Rekomenduojame turėti uždarą ir apsaugotą paruošimo (staging) aplinką, kurioje galite išbandyti savo produkcinę programą ir pridėti naujas eilutes prieš paleisdami ją. Tai neleis niekam pavogti jūsų slaptos API rakto ir potencialiai išpūsti jūsų vertimų projektą pridėjus nepageidaujamas eilutes.

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!

Produktas iš NattskiftetPagaminta Norvegijoje