Lengvas lokalizavimas React programoms

Kaip tai veikia

Įdiekite TacoTranslate paketą per npm:

npm install tacotranslate

Kai modulis bus įdiegtas, jums reikės sukurti TacoTranslate paskyrą, vertimo projektą ir atitinkamus API raktus. Sukurkite paskyrą čia. Tai nemokama ir nereikalauja įvesti kreditinės kortelės duomenų.

TacoTranslate programos vartotojo sąsajoje sukurkite projektą ir eikite į jo API raktų skiltį. Sukurkite vieną read raktą ir vieną read/write raktą. Juos išsaugosime kaip aplinkos kintamuosius. read raktą vadiname public , o read/write raktą – secret. Pavyzdžiui, juos galite pridėti į .env bylą savo projekto šakniniame kataloge.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Numatytoji atsarginė lokalė. Šiame pavyzdyje nustatysime ją į en, t.y. anglų kalbą.
• TACOTRANSLATE_ORIGIN: „Aplankas“, kuriame bus saugomi jūsų tekstai, pavyzdžiui, jūsų svetainės URL. Skaitykite daugiau apie origins čia.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Būtinai niekada neskelbkite slapto read/write API rakto kliento pusės gamybos aplinkose.

TacoTranslate nustatymas

Inicializuokite TacoTranslate savo React programoje apvyniodami 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 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 diegimo vadovų, pritaikytų 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į lokalizavimo ir tekstų rinkimo procesą, taupydamas jūsų brangų laiką.
• Ekonomiškas sprendimas: Mažina rankinių vertimų poreikį, sumažindamas jūsų lokalizavimo išlaidas.
• Pagerintas tikslumas: Dirbtinio intelekto varomos vertimų funkcijos užtikrina kontekstui tinkamus ir aukštos kokybės rezultatus.
• Mastelio sprendimas: 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 kokius tekstus į Translate komponentą. Atkreipkite dėmesį, kad naujus tekstus vertimui gali kurti tik tokios aplinkos, kurios turi read/write teises API rakto naudojimui.

Rekomenduojame turėti uždarą ir apsaugotą parengimo (staging) aplinką, kurioje galite atlikti gamybinės programos testavimą, pridėdami naujus tekstus prieš paleidžiant ją tiesiogiai. Tai padės apsaugoti jūsų slaptą API raktą nuo pavogimo ir išvengti vertimo projekto papildymo netinkamais tekstais.

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 mielai jums pagelbėsime.

TacoTranslate leidžia jums automatiškai lokalizuoti savo React programas greitai bet kuria kalba ir iš jos. Versti nemokamai!