Vaevatu lokaliseerimine Reacti rakendustele

Kas soovite oma Reacti rakendust uutele turgudele laiendada? TacoTranslate muudab Reacti rakenduste lokaliseerimise uskumatult lihtsaks, võimaldades teil ilma vaevata jõuda ülemaailmse publikuni.

Miks valida TacoTranslate Reacti jaoks?

Sujuv integreerimine: Loodud spetsiaalselt Reacti rakendustele, integreerub TacoTranslate teie olemasolevasse töövoogu vaevata.
Stringide automaatne kogumine: Pole enam vaja JSON-failidega käsitsi tegeleda. TacoTranslate kogub automaatselt stringe teie koodibaasist.
Tehisintellektil põhinevad tõlked: Kasutage tehisintellekti võimalusi, et saada kontekstitundlikke ja täpseid tõlkeid, mis sobivad teie rakenduse tooniga.
Kohene keele tugi: Lisa uute keelte tugi vaid ühe klõpsuga, muutes oma rakenduse globaalselt kättesaadavaks.

Kuidas see töötab

Paigaldage TacoTranslate-pakett npm-i kaudu:

npm install tacotranslate

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

TacoTranslate rakenduse kasutajaliideses loo projekt ja ava selle API-võtmete vahekaart. Loo üks read võti ja üks read/write võti. Salvestame need keskkonnamuutujatena. read võtit nimetame public ja read/write võtit nimetame secret. Näiteks võid need lisada projekti juurkataloogis asuvasse faili .env.

Samuti peate lisama kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi tagavara lokaali 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 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

Veendu, et salajane read/write API-võti ei lekiks kunagi kliendipoolsetesse tootmiskeskkondadesse.

TacoTranslate'i seadistamine

Seadista TacoTranslate oma Reacti rakenduses, mähkides rakenduse TacoTranslate konteksti providerisse:

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 oma rakenduses kõikjal kasutada Translate komponenti tõlgitud teksti kuvamiseks! Tutvuge kindlasti meie dokumentatsiooniga, et saada rohkem teavet ja leida teie seadistuse jaoks sobivad juurutusjuhised.

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üütut lokaliseerimise ja stringide kogumise protsessi, säästes teie väärtuslikku aega.
Kulutõhus: Vähendab vajadust käsitsi tõlkimise järele, alandades teie lokaliseerimiskulusid.
Paranenud täpsus: Tehisintellektipõhised tõlked tagavad kontekstuaalselt täpsed ja kõrgekvaliteedilised tulemused.
Skaleeritav lahendus: Lisage lihtsalt tugi uutele keeltele, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

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

Soovitame omada suletud ja turvatud staging-keskkonda, kus saate testida oma tootmisrakendust ning lisada uusi stringe enne avaldamist. See hoiab ära, et keegi keegi varastaks teie salajase API-võtme ning võib potentsiaalselt paisutada teie tõlkeprojekti, lisades pahatahtlikke 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!