Vaevatu lokaliseerimine Reacti rakendustele

Kas soovite oma React-rakendust uutele turgudele laiendada? TacoTranslate teeb Reacti rakenduste lokaliseerimise äärmiselt lihtsaks, võimaldades teil ilma vaevata jõuda ülemaailmse publikuni.

Miks valida TacoTranslate Reacti jaoks?

Sujuv integreerimine: Spetsiaalselt Reacti rakendustele loodud TacoTranslate integreerub teie olemasolevasse töövoogu vaevata.
Automaatne tekstide kogumine: Pole enam vajadust JSON-failide käsitsi haldamiseks. TacoTranslate kogub teie koodibaasist tekstid automaatselt.
Tehisintellekti-põhised tõlked: Kasutage tehisintellekti võimekust, et pakkuda kontekstuaalselt täpseid tõlkeid, mis sobivad teie rakenduse tooniga.
Kohene keeletoetus: Lisage uute keelte tugi vaid ühe klikiga, muutes oma rakenduse ülemaailmselt kättesaadavaks.

Kuidas see töötab

Installige TacoTranslate-pakett npm-iga:

npm install tacotranslate

Kui olete mooduli installinud, peate looma TacoTranslate'i konto, tõlkeprojekti ja nendega 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. Me salvestame need keskkonnamuutujatena. read võtit nimetame public ja read/write võtit secret. Näiteks võid need lisada projekti juurkausta asuvasse faili .env.

Samuti peate lisama veel kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi tagavara lokaalikood. Selles näites määrame selleks en (inglise keele jaoks).
TACOTRANSLATE_ORIGIN: “kaust”, kuhu teie stringid salvestatakse, näiteks teie veebisaidi URL. Loe siit rohkem päritolude kohta.

.env

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

Ära kunagi avalikusta seda salajast read/write API-võtit kliendipoolsetes tootmiskeskkondades.

TacoTranslate'i seadistamine

Initsialiseeri TacoTranslate oma React-rakenduses, mähkides oma rakenduse TacoTranslate kontekstipakkuja sisse:

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 kõikjal, et kuvada tõlgitud teksti! Tutvuge kindlasti meie dokumentatsiooniga lisateabe ja teie seadistusele kohandatud rakendamisjuhiste saamiseks.

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 lokaliseerimise ja stringide kogumise tüütud protsessid ning säästab väärtuslikku aega.
Kulutõhus: Vähendab vajadust manuaalsete tõlgete järele, alandades teie lokaliseerimiskulusid.
Paranenud täpsus: Tehisintellekti toel tehtud tõlked tagavad kontekstiliselt täpsed ja kõrge kvaliteediga tulemused.
Skaalautuv lahendus: Lisage hõlpsasti tuge uutele keeltele, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

Teie React‑rakendus tõlgitakse automaatselt, kui lisate Translate komponendile mõne stringi. Pange tähele, et ainult keskkonnad, millel on API‑võtmel read/write õigused, saavad luua uusi tõlgitavaid stringe.

Soovitame kasutada suletud ja turvalist staging‑keskkonda, kus saate testida oma tootmisrakendust ja lisada uusi stringe enne avalikustamist. See hoiab ära, et keegi varastaks teie salajast API‑võtit, ning väldib olukorda, kus pahatahtlikud isikud lisaksid stringe ja seeläbi paisutaksid teie tõlkeprojekti.

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!