Viegla lokalizācija React lietotnēm

Vai vēlaties paplašināt savu React lietotni jaunajos tirgos? TacoTranslate padara jūsu React lietotņu lokalizēšanu neticami vienkāršu, ļaujot jums sasniegt globālu auditoriju bez sarežģījumiem.

Kāpēc izvēlēties TacoTranslate React lietotnēm?

Nevainojama integrācija: Izstrādāts īpaši React lietotnēm, TacoTranslate viegli integrējas jūsu esošajā darbplūsmā.
Automātiska virkņu apkopošana: Vairs nav jāuztur JSON failu manuāla pārvaldība. TacoTranslate automātiski apkopo virknes no jūsu koda bāzes.
Mākslīgā intelekta darbināti tulkojumi: Izmantojiet mākslīgā intelekta spēku, lai nodrošinātu kontekstuāli precīzus tulkojumus, kas atbilst jūsu lietotnes tonim.
Tūlītējs valodu atbalsts: Pievienojiet atbalstu jaunām valodām ar vienu klikšķi, padarot jūsu lietotni globāli pieejamu.

Kā tas darbojas

Instalējiet TacoTranslate pakotni, izmantojot npm:

npm install tacotranslate

Kad būsiet instalējis moduli, jums būs jāizveido TacoTranslate konts, tulkošanas projekts un saistītās API atslēgas. Izveidojiet kontu šeit. Tas ir bez maksas, un nav nepieciešams pievienot kredītkarti.

TacoTranslate lietotnes saskarnē izveidojiet projektu un pārejiet uz tā API atslēgu cilni. Izveidojiet vienu read atslēgu un vienu read/write atslēgu. Mēs tās saglabāsim kā vides mainīgos. read atslēga ir tā, ko mēs saucam par public, un read/write atslēga ir secret. Piemēram, jūs varat pievienot tās .env failam projekta saknē.

Jums arī būs jāpievieno vēl divi vides mainīgie: TACOTRANSLATE_DEFAULT_LOCALE un TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Noklusējuma rezerves lokalizācijas valodas kods. Šajā piemērā to iestatīsim kā en angļu valodai.
TACOTRANSLATE_ORIGIN: "mape", kurā tiks glabāti jūsu teksti, piemēram, jūsu vietnes URL. Uzziniet vairāk par origin šeit.

.env

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

Pārliecinieties, ka slepenā read/write API atslēga nekad netiek nopludināta klienta puses ražošanas vidēs.

TacoTranslate iestatīšana

Inicializējiet TacoTranslate savā React lietotnē, ietinot to TacoTranslate konteksta nodrošinātājā:

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>
	);
}

Tagad varat izmantot Translate komponentu jebkur savā lietotnē, lai parādītu tulkotu tekstu! Noteikti apskatiet mūsu dokumentāciju, lai iegūtu vairāk informācijas un īstenošanas ceļvežus, kas paredzēti tieši jūsu konfigurācijai.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate izmantošanas priekšrocības

Laika taupīšana: Automatizē laikietilpīgo lokalizācijas procesu un virkņu vākšanu, ietaupot jūsu vērtīgu laiku.
Izdevīgi: Samazina vajadzību pēc manuālām tulkošanām, samazinot jūsu lokalizācijas izmaksas.
Uzlabota precizitāte: Mākslīgā intelekta piedāvātie tulkojumi nodrošina kontekstam atbilstošus un augstas kvalitātes rezultātus.
Mērogojams risinājums: Vienkārši pievienojiet atbalstu jaunām valodām, kad jūsu lietotne un klientu bāze aug.

Sāciet jau šodien!

Kad jebkuru teksta virkni pievienosiet Translate komponentam, jūsu React lietotne tiks automātiski tulkota. Ņemiet vērā, ka tikai vides, kuru API atslēgai ir read/write atļaujas, varēs izveidot jaunas teksta virknes tulkošanai.

Mēs iesakām uzturēt slēgtu un drošu testēšanas (staging) vidi, kurā varat pārbaudīt savu produkcijas lietotni un pievienot jaunas teksta virknes pirms publicēšanas. Tas neļaus ikvienam ikvienam nozagt jūsu slepeno API atslēgu un, iespējams, uzpūst jūsu tulkojumu projektu, pievienojot ļaunprātīgas virknes.

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!