Vaevatu lokaliseerimine Reacti rakendustele

Kas soovite oma React-rakendust viia uutele turgudele? TacoTranslate muudab React-rakenduste lokaliseerimise erakordselt lihtsaks ning võimaldab teil ilma vaevata jõuda ülemaailmse publikuni.

Miks valida TacoTranslate Reacti jaoks?

Sujuv integreerimine: Mõeldud spetsiaalselt Reacti rakendustele, TacoTranslate integreerub vaevata teie olemasolevasse töövoogu.
Automaatne stringide kogumine: JSON-failide käsitsi haldamine pole enam vajalik. TacoTranslate kogub automaatselt stringe teie koodibaasist.
Tehisintellekti toel tehtud tõlked: Kasutage tehisintellekti, et saada konteksti arvestavaid ja teie rakenduse tooni sobivaid tõlkeid.
Kohene keeletoetus: Lisage uute keelte tugi vaid ühe klikiga, muutes oma rakenduse globaalselt kättesaadavaks.

Kuidas see töötab

Paigaldage TacoTranslate pakett npm-i kaudu:

npm install tacotranslate

Kui olete mooduli installinud, peate looma TacoTranslate konto, tõlkeprojekti ja sellega seotud API-võtmed. Loo konto siin. See on tasuta ning krediitkaarti pole vaja lisada.

TacoTranslate 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-ks ja read/write võtit nimetame secret. Näiteks võid need lisada oma projekti juurkataloogis asuvasse faili .env.

Samuti peate lisama kaks täiendavat keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi varukeele (fallback) 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 salajast read/write API-võtit ei lekiks kunagi kliendipoolsetesse tootmiskeskkondadesse.

TacoTranslate'i seadistamine

Initsialiseerige TacoTranslate oma Reacti-rakenduses, mähkides rakenduse TacoTranslate konteksti pakkuja 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 komponenti Translate oma rakenduses ükskõik kus, et kuvada tõlgitud teksti! Tutvuge kindlasti meie dokumentatsiooniga lisateabe ja teie seadistusele spetsiifiliste 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üütuid protsesse, säästes teie 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 kontekstile vastavad ja kõrgekvaliteetsed tulemused.
Laiendatav lahendus: Lisage hõlpsasti tugi uutele keeltele, kui teie rakendus ja kliendibaas kasvavad.

Alustage juba täna!

Teie Reacti rakendus tõlgitakse automaatselt, kui lisate ükskõik milliseid stringe Translate komponendile. Pange tähele, et ainult keskkonnad, millel on API-võtme kohta read/write õigused, saavad luua uusi stringe, mida tõlgitakse.

Soovitame omada suletud ja turvatud staging-keskkonda, kus saate testida oma tootmisrakendust ning lisada uusi stringe enne avalikuks minekut. See aitab vältida, et keegi keegi varastaks teie salajast API-võtit ja potentsiaalselt paisutaks 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!