Viegla lokalizācija React lietotnē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 tās saglabāsim kā vides mainīgos. read atslēgu mēs saucam par public, bet read/write atslēgu — par secret. Piemēram, jūs tās varat pievienot failam .env jūsu projekta saknē.

Jums būs nepieciešams pievienot vēl divus vides mainīgos: TACOTRANSLATE_DEFAULT_LOCALE un TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Noklusējuma aizvietojošais lokalizācijas kods. Šajā piemērā to iestatīsim uz en, kas apzīmē angļu valodu.
• TACOTRANSLATE_ORIGIN: “mape”, kur tiks glabātas jūsu teksta 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 nekad neatklājiet slepeno read/write API atslēgu 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 varat izmantot Translate komponentu jebkur savā lietotnē, lai parādītu pārtulkotu tekstu! Noteikti apskatiet mūsu dokumentāciju, lai iegūtu vairāk informācijas un ieviešanas norādījumus, kas atbilst 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ē nogurdinošo lokalizācijas un virkņu vākšanas procesu, taupot jūsu vērtīgo laiku.
• Izdevīgi: Samazina nepieciešamību pēc manuāliem tulkojumiem, samazinot jūsu lokalizācijas izmaksas.
• Uzlabota precizitāte: Ar mākslīgā intelekta palīdzību veiktie tulkojumi nodrošina kontekstuāli precīzus un augstas kvalitātes rezultātus.
• Mērogojams risinājums: Viegli pievienojiet 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 komponentam Translate jebkuras virknes. Ņemiet vērā, ka tikai tās vides, kurām API atslēgai ir read/write atļaujas, varēs izveidot jaunas virknes, kas tiks tulkotas.

Iesakām izveidot slēgtu un drošu staging vidi, kurā varat testēt savu ražošanas lietotni, pievienojot jaunas virknes pirms tās palaišanas tiešraidē. Tas novērsīs, ka jebkurš jebkurš nozagtu jūsu slepeno API atslēgu un potenciāli novedīs pie jūsu tulkošanas projekta uzpūšanas, pievienojot nesankcionētas 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!