Vaevatu lokaliseerimine Reacti rakendustele

Kuidas see toimib

Installi TacoTranslate pakett npm kaudu:

npm install tacotranslate

Kui oled mooduli installinud, pead looma TacoTranslate konto, tõlkimisprojekti ja sellega seotud API võtmed. Loo konto siit. See on tasuta ja 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.

Sul on vaja lisada veel kaks keskkonnamuutujat: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Vaikimisi varukoha keelekood. Selles näites määrame selle väärtuseks en, mis tähendab inglise keelt.
• TACOTRANSLATE_ORIGIN: “Kaust”, kuhu teie stringid salvestatakse, näiteks teie veebisaidi URL. Loe originaalide kohta rohkem siit.

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

Algatage TacoTranslate oma Reacti rakenduses, pannes oma 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 Translate komponenti oma rakenduses igal pool tõlgitud teksti kuvamiseks! Kindlasti vaadake meie dokumentatsiooni lisateabe ja teie seadistusele spetsiifiliste juhendite saamiseks.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate kasutamise eelised

• Aja kokkuhoid: Automatiseerib väsitava lokaliseerimisprotsessi ja stringide kogumise, säästes väärtuslikku aega.
• Kuluefektiivne: Vähendab käsitsi tõlkimise vajadust, alandades teie lokaliseerimiskulusid.
• Paranenud täpsus: AI-põhised tõlked tagavad kontekstuaalselt täpsed ja kvaliteetsed tulemused.
• Skaleeritav lahendus: Lisage lihtsalt tuge uutele keeltele, kui teie rakendus ja kliendibaas kasvavad.

Alusta juba täna!

Teie Reacti rakendus tõlgitakse automaatselt, kui lisate mõne sõne Translate komponendile. Pange tähele, et ainult keskkonnad, millel on read/write õigused API võtmel, saavad luua uusi tõlkimiseks mõeldud sõnesid.

Soovitame kasutada suletud ja turvatud testkeskkonda, kus saate oma tootmisrakendust katsetada ja enne avalikustamist uusi sõnesid lisada. See takistab kellegi salajase API võtme varastamist ning potentsiaalselt tõlkeprojekti pahatahtlike sõnete lisamisega paisutamist.

Ärge unustage vaadata täielikke näiteid meie GitHubi profiilil. Kui teil tekib probleeme, võtke julgelt ühendust, ja me aitame teid hea meelega.

TacoTranslate võimaldab teil oma Reacti rakendusi kiiresti ja automaatselt iga keelde ja tagasi lokaliseerida. Tõlgi tasuta!