TacoTranslate
/
DokumentacijaKainodara
 
Straipsnis
05-04

Geriausias tarptautinimo (i18n) sprendimas React programoms

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

Kodėl rinktis TacoTranslate React programoms?

  • Sklandi integracija: Sukurta specialiai React programoms, TacoTranslate sklandžiai įsilieja į jūsų esamą darbo eigą.
  • Automatinis tekstų rinkimas: Nebereikės rankiniu būdu tvarkyti JSON failų. TacoTranslate automatiškai surenka tekstus iš jūsų kodo bazės.
  • Vertimai, paremti DI: Pasinaudokite dirbtinio intelekto galia, kad gautumėte kontekstualiai tikslius vertimus, atitinkančius jūsų programos toną.
  • Akimirksnė kalbų parama: 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ą, vertimų projektą ir susijusius API raktus. Sukurkite paskyrą čia. Tai nemokama ir nereikalauja nurodyti kreditinės kortelės duomenų.

TacoTranslate programos vartotojo sąsajoje sukurkite projektą ir pereikite į 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, juos galite pridėti į .env failą savo projekto šakniniame kataloge.

Taip pat reikės pridėti dar du aplinkos kintamuosius: 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, pvz., jūsų svetainės URL. Skaitykite daugiau apie origin'us čia.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Įsitikinkite, kad niekuomet neatskleisite slaptos read/write API rakto kliento pusės gamybinėse aplinkose.

TacoTranslate nustatymas

Inicializuokite TacoTranslate savo React programoje, apgaubdami ją 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 bet kurioje savo programoje galite naudoti Translate komponentą, kad būtų rodomas išverstas tekstas! Būtinai peržiūrėkite mūsų dokumentaciją, kurioje rasite daugiau informacijos ir įdiegimo gaires, pritaikytas jūsų aplinkai.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate naudojimo privalumai

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

Pradėkite jau šiandien!

Jūsų React programa bus automatiškai išversta, kai į Translate komponentą pridėsite bet kokius tekstus. Atkreipkite dėmesį, kad tik aplinkos, kurioms API rakto leidimai yra read/write, galės sukurti naujas verčiamas eilutes.

Rekomenduojame turėti uždarą ir apsaugotą tarpinę (staging) aplinką, kurioje galite išbandyti savo gamybinę programą ir pridėti naujas eilutes prieš paleidžiant. Tai užkirs kelią bet kam bet kam pavogti jūsų slaptą API raktą ir potencialiai išpūsti jūsų vertimų projektą pridedant 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