TacoTranslate
/
DokumentacijaKainodara
 
Straipsnis
05-04

Geriausias sprendimas tarptautinimui (i18n) React programėlėse

Ar norite plėsti savo React programą į naujas rinkas? TacoTranslate daro ypač paprasta lokalizuoti jūsų React programas, leidžiant pasiekti pasaulinę auditoriją be jokių rūpesčių.

Kodėl verta rinktis TacoTranslate React?

  • Sklandi integracija: Sukurta specialiai React programoms, TacoTranslate lengvai integruojasi į jūsų esamą darbo eigą.
  • Automatinis eilutės rinkimas: Nebereikia rankiniu būdu tvarkyti JSON failų. TacoTranslate automatiškai renka eilutes iš jūsų kodo bazės.
  • Dirbtinio intelekto varomos vertimai: Pasinaudokite DI galia, kad suteiktumėte kontekstualiai tikslius vertimus, atitinkančius jūsų programos toną.
  • Momentinė kalbų palaikymas: Pridėkite naujų kalbų palaikymą vos vienu spustelėjimu, padarydami savo programą prieinamą visame pasaulyje.

Kaip tai veikia

Įdiekite TacoTranslate paketą per npm:

npm install tacotranslate

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

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

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

  • TACOTRANSLATE_DEFAULT_LOCALE: Numatytoji atsarginė lokalės reikšmė. Šiame pavyzdyje nustatysime ją į en – anglų kalbai.
  • TACOTRANSLATE_ORIGIN: „Katalogas“, 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

Būkite tikri, kad niekada neišleisite slaptąjį read/write API raktą į kliento puses gamybos aplinkas.

TacoTranslate diegimas

Inicializuokite TacoTranslate savo React programoje, apvyniodami savo programą TacoTranslate konteksto teikė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 naudoti Translate komponentą bet kurioje savo programos vietoje, kad būtų rodomas išverstas tekstas! Būtinai peržiūrėkite mūsų dokumentaciją daugiau informacijos ir įgyvendinimo vadovėlių, pritaikytų jūsų konfigūracijai.

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 tekstų rinkimo procesą, taupydamas jūsų brangų laiką.
  • Ekonomiškas sprendimas: Sumažina poreikį rankinėms vertimams, mažindamas jūsų lokalizacijos išlaidas.
  • Pagerintas tikslumas: Dirbtiniu intelektu paremti vertimai užtikrina kontekstualiai tikslius ir aukštos kokybės rezultatus.
  • Mastelis: Lengvai pridėkite naujų kalbų palaikymą, kai jūsų programa ir klientų bazė auga.

Pradėkite šiandien!

Jūsų React programa bus automatiškai išversta, kai pridėsite bet kokias eilutes į Translate komponentą. Atkreipkite dėmesį, kad tik aplinkos su read/write teisėmis naudodamos API raktą galės kurti naujas eilutes vertimui.

Rekomenduojame turėti uždarą ir saugią testavimo aplinką, kurioje galėsite išbandyti savo gamybinę programą, pridėdami naujas eilutes prieš paleidžiant įgyvendinimą. Tai apsaugos nuo to, kad kas nors pavogtų jūsų slaptą API raktą ir galimai užpildytų jūsų vertimų projektą nepageidaujamomis eilutėmis.

Būtinai peržiūrėkite pilnus pavyzdžius mūsų GitHub profilyje. Jei susidursite su kokiomis nors problemomis, drąsiai kreipkitės, ir mes su malonumu jums padėsime.

TacoTranslate leidžia jums automatiškai lokalizuoti savo React programas greitai į bet kurią kalbą ir iš jos. Versti nemokamai!

Produkto kūrėjas Nattskiftet