Labākais risinājums React lietotņu internacionalizācijai (i18n)

Kā tas darbojas

Instalējiet TacoTranslate pakotni, izmantojot npm:

npm install tacotranslate

Kad modulis būs instalēts, 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 nepieprasa 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ēga ir tā, ko mēs saucam par public, un read/write atslēga ir secret. Piemēram, jūs varētu pievienot tās .env failam savā 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 kods. Šajā piemērā to iestatīsim uz en, kas apzīmē angļu valodu.
• TACOTRANSLATE_ORIGIN: “mape”, kur tiks glabā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

Nekad neatklājiet slepeno read/write API atslēgu klienta puses ražošanas vidē.

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 jūs varat izmantot Translate komponentu jebkurā savas lietotnes vietā, lai attēlotu 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ē garlaicīgo lokalizācijas un tekstu vākšanas procesu, ietaupot jūsu vērtīgo laiku.
• Izdevīgi: Samazina nepieciešamību pēc manuāliem tulkojumiem, tādējādi samazinot jūsu lokalizācijas izmaksas.
• Uzlabota precizitāte: Ar mākslīgā intelekta atbalstu radīti 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!

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

Mēs iesakām nodrošināt slēgtu un drošu testēšanas vidi, kurā varat pārbaudīt savu produkcijas lietotni un pievienot jaunas virknes pirms to palaišanas tiešraidē. Tas pasargās no tā, ka kāds nozagtu jūsu slepeno API atslēgu un potenciāli pārslogotu jūsu tulkojumu projektu, pievienojot nevēlamas 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!