TacoTranslate
/
DokumentatsioonHinnakiri
 
Artikkel
04. mai

Pingutuseta lokaliseerimine Reacti rakendustele

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

Miks valida TacoTranslate Reacti jaoks?

  • Lõputu integreerimine: Mõeldud spetsiaalselt Reacti rakendustele, TacoTranslate integreerub sujuvalt teie olemasolevasse töövoogu.
  • Automaatne stringide kogumine: Ei mingeid käsitsi hallatavaid JSON-faile. TacoTranslate kogub automaatselt stringid teie koodibaasist.
  • Tehisintellekti toel tõlked: Kasutage tehisintellekti võimsust, et pakkuda kontekstuaalselt täpseid tõlkeid, mis sobivad teie rakenduse tooniga.
  • Vahetu keeletoetus: Lisage uute keelte tugi vaid ühe klõpsuga, muutes oma rakenduse globaalselt kättesaadavaks.

Kuidas see toimib

Paigalda TacoTranslate pakett npm-i kaudu:

npm install tacotranslate

Kui olete mooduli installinud, peate looma TacoTranslate konto, tõlkeprojekti ja vastavad API võtmed. Loo konto siin. See on tasuta ning ei nõua krediitkaardi lisamist.

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

Samuti peate lisama kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi tagasilangetuse keelekood. Selles näites määrame selle väärtuseks en inglise keele jaoks.
  • TACOTRANSLATE_ORIGIN: „Kataloog“, kuhu teie stringid salvestatakse, näiteks teie veebisaidi URL. Loe siit rohkem päritolu kohta.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

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

TacoTranslate seadistamine

Algatage TacoTranslate kasutamine oma React rakenduses, pakkides oma rakenduse TacoTranslate konteksti pakkujasse:

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 rakenduse igas kohas, et kuvada tõlgitud teksti! Kindlasti vaadake meie dokumentatsiooni lisateabe ja teie seadistusele spetsiifiliste juhiste saamiseks.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate kasutamise eelised

  • Ajasäästlik: Automatiseerib tüütut lokaliseerimise ja stringide kogumise protsessi, säästes väärtuslikku aega.
  • Kuluefektiivne: Vähendab käsitsi tõlkimise vajadust, alandades teie lokaliseerimiskulusid.
  • Paranenud täpsus: Tehisintellekti toel tõlked tagavad kontekstitäpsed ja kvaliteetsed tulemused.
  • Skaalatav lahendus: Lisage lihtsalt uute keelte tugi, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

Teie React-rakendus tõlgitakse automaatselt, kui lisate mingeid stringe Translate komponendi sisse. Pange tähele, et ainult keskkonnad, millel on read/write õigused API võtmele, saavad luua uusi tõlgitavaid stringe.

Soovitame kasutada suletud ja turvatud testkeskkonda, kus saate testida oma tootmisrakendust, lisades uusi stringe enne avaldamist. See takistab kellelgi varastamast teie salajast API võtit ning võib-olla vältida ka teie tõlkeprojekti paisumist pahatahtlike stringide lisamisega.

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!

Toode ettevõttelt NattskiftetValmistatud Norras