Labākais risinājums lokalizācijai (i18n) React lietotnēs

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 saistītie API atslēgas. Izveidojiet kontu šeit. Tas ir bez maksas, un nav nepieciešams pievienot kredītkarti.

TacoTranslate lietojumprogrammas lietotāja saskarnē izveidojiet projektu un dodieties 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 sauc par public, bet read/write atslēga ir secret. Piemēram, jūs varat tās pievienot .env failam jūsu projekta saknes mapē.

Jums būs arī jāpievieno vēl divas vidi mainīgās vērtības: TACOTRANSLATE_DEFAULT_LOCALE un TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Noklusējuma rezerves lokalizācijas kods. Šajā piemērā to iestatīsim kā en angļu valodai.
• TACOTRANSLATE_ORIGIN: “Mape,” kur tiks glabātas jūsu virknes, piemēram, jūsu vietnes URL. Uzziniet vairāk par oriģināliem š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ājat slepeno read/write API atslēgu klienta puses ražošanas vidēs.

TacoTranslate iestatīšana

Inicializējiet TacoTranslate savā React lietojumprogrammā, iesaiņojot savu lietojumprogrammu 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 jūsu lietotnē, lai attēlotu tulkotu tekstu! Noteikti iepazīstieties ar mūsu dokumentāciju papildu informācijai un īstenošanas ceļvežiem, kas specifiski pielāgoti jūsu iestatījumam.

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 teksta virkņu vākšanas procesu, taupot jūsu vērtīgo laiku.
• Izdevīgi: Samazina manuālo tulkojumu nepieciešamību, pazeminot jūsu lokalizācijas izmaksas.
• Uzlabota precizitāte: Ar mākslīgā intelekta spēku darbināti tulkojumi nodrošina kontekstuāli precīzus un augstas kvalitātes rezultātus.
• Mērogojama 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 automātiski tulkota, kad pievienosiet jebkādus tekstus Translate komponentā. Ņemiet vērā, ka tikai vidēs ar read/write atļaujām uz API atslēgu būs iespēja izveidot jaunus tekstus tulkošanai.

Mēs iesakām izmantot slēgtu un drošu testa vidi, kur varat pārbaudīt savu produkcijas lietotni, pievienojot jaunus tekstus pirms nodošanas tiešraidē. Tas novērsīs iespēju kādam nozagt jūsu slepeno API atslēgu un potenciāli pievienot neautorizētus tekstus, kas varētu pārpildīt 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!