Vaevatu lokaliseerimine Reacti rakendustele

Kas soovite oma Reacti rakendust uutele turgudele laiendada? TacoTranslate teeb teie Reacti rakenduste lokaliseerimise erakordselt lihtsaks ja võimaldab teil jõuda ülemaailmse kasutajaskonnani ilma vaevata.

Miks valida TacoTranslate Reacti jaoks?

Sujuv integreerimine: Spetsiaalselt React-rakendustele loodud TacoTranslate integreerub teie olemasolevasse töövoogu vaevata.
Automaatne stringide kogumine: Pole enam vaja JSON-failidega käsitsi tegeleda. TacoTranslate kogub automaatselt stringe teie koodibaasist.
Tehisintellektipõhised tõlked: Kasutage tehisintellekti võimekust, et saada kontekstuaalselt täpseid tõlkeid, mis sobivad teie rakenduse tooniga.
Kohene keele tugi: Lisage uute keelte tugi vaid ühe klikiga, muutes teie rakenduse kättesaadavaks üle maailma.

Kuidas see töötab

Paigalda TacoTranslate'i pakett npm-i kaudu:

npm install tacotranslate

Kui olete mooduli installinud, peate looma TacoTranslate'i konto, tõlkeprojekti ja seotud API-võtmed. Loo konto siit. See on tasuta ja ei nõua krediitkaardi lisamist.

TacoTranslate'i rakenduse kasutajaliideses loo projekt ja liigu selle API‑võtmete vahekaardile. Loo üks read võti ja üks read/write võti. Salvestame need keskkonnamuutujatena. read võtit nimetame public ning read/write võtit secret. Näiteks võid need lisada oma projekti juurkausta asuvasse .env faili.

Samuti peate lisama veel kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: vaikimisi varulokaali kood. Selles näites määrame selle väärtuseks en (inglise keele jaoks).
TACOTRANSLATE_ORIGIN: „kaust“, kuhu teie stringid salvestatakse, näiteks teie veebisaidi URL. Loe siit algallikate kohta.

.env

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

Veenduge, et te ei lekita kunagi salajast read/write API-võtit kliendipoolsetesse tootmiskeskkondadesse.

TacoTranslate seadistamine

Initsialiseeri TacoTranslate oma React-rakenduses, ümbritsedes rakendust TacoTranslate'i konteksti pakkujaga:

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

Nüüd saate kasutada Translate komponenti oma rakenduses ükskõik kus, et kuvada tõlgitud teksti! Tutvuge kindlasti meie dokumentatsiooniga, et saada lisateavet ning teie seadistusele kohandatud rakendamisjuhendeid.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate'i kasutamise eelised

Aja säästmine: Automatiseerib tüütu lokaliseerimise ja stringide kogumise protsessi, säästes väärtuslikku aega.
Kulutõhus: Vähendab käsitsi tehtavate tõlgete vajadust, vähendades lokaliseerimiskulusid.
Paranenud täpsus: Tehisintellekti toel tehtud tõlked tagavad kontekstuaalselt täpsed ja kõrge kvaliteediga tulemused.
Laiendatav lahendus: Hõlpsasti lisage tugi uutele keeltele, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

Teie Reacti rakendus tõlgitakse automaatselt, kui lisate Translate komponendile mis tahes stringe. Pange tähele, et ainult keskkonnad, millel on API‑võtmele read/write õigused, saavad luua uusi tõlkimiseks mõeldud stringe.

Soovitame kasutada suletud ja turvatud staging‑keskkonda, kus saate oma tootmisrakendust testida ning lisada uusi stringe enne avalikustamist. See takistab kedagi teie salajast API‑võtit varastamast ja potentsiaalselt teie tõlkeprojekti paisutamast, lisades volitamata stringe.

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!