Viegla lokalizācija React lietojumprogrammām

Kā tas darbojas

Instalējiet TacoTranslate pakotni, izmantojot npm:

npm install tacotranslate

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

TacoTranslate lietotnes lietotāja 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 tos saglabāsim kā vides mainīgos. read atslēgu mēs saucam par public, savukārt read/write atslēgu — par secret. Piemēram, jūs tos varat pievienot .env failam projekta saknē.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Noklusējuma rezerves valodas kods. Šajā piemērā to iestatīsim uz en (angļu valodai).
• TACOTRANSLATE_ORIGIN: “mape”, kur tiks saglabātas jūsu virknes, piemēram, jūsu vietnes URL. Uzziniet vairāk par origin šeit.

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 produkcijas vidēs.

TacoTranslate iestatīšana

Inicializējiet TacoTranslate savā React lietotnē, iesaiņojot savu lietotni 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 jebkur savā lietotnē varat izmantot komponentu Translate, lai parādītu tulkotu tekstu! Noteikti apskatiet mūsu dokumentāciju, lai iegūtu vairāk informācijas un ieviešanas ceļvežus, kas pielāgoti 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 ietaupījums: Automatizē laikietilpīgo lokalizācijas un virkņu vākšanas procesu, ietaupot jums vērtīgu laiku.
• Izdevīgi: Samazina nepieciešamību pēc manuālām tulkošanām, samazinot jūsu lokalizācijas izmaksas.
• Uzlabota precizitāte: Mākslīgā intelekta tulkojumi nodrošina kontekstuāli precīzus un augstas kvalitātes rezultātus.
• Mērogojams risinājums: Viegli pievienot atbalstu jaunām valodām, kad jūsu lietotne un klientu bāze aug.

Sāciet jau šodien!

Jūsu React lietotne tiks automātiski tulkota, kad pievienosiet jebkuras virknes komponentam Translate. Ņemiet vērā, ka tikai vidēs, kurām API atslēgai ir read/write atļaujas, būs iespēja izveidot jaunas virknes, kuras tiks tulkotas.

Mēs iesakām izmantot slēgtu un aizsargātu staging vidi, kurā varat testēt savu produkcijas lietotni, pievienojot jaunas virknes pirms izvietošanas tiešraidē. Tas pasargās jūsu slepeno API atslēgu no zādzības un novērsīs iespēju, ka kāds pievieno nesankcionētas virknes, kas varētu uzpūst jūsu tulkošanas projektu.

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!