Vienkārša 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 saistītie API atslēgas. Izveidojiet kontu šeit. Tas ir bez maksas un nepieprasa jums pievienot kredītkarti.

TacoTranslate lietotnes 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 mēs saucam par public, bet read/write atslēgu par secret. Piemēram, tās var pievienot .env failam jūsu projekta saknes mapē.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Noklusējuma aizvietošanas lokalizācijas 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. Lasiet vairāk par izcelsmi š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ēm.

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 jūsu lietotnē, lai attēlotu tulkotu tekstu! Noteikti apskatiet mūsu dokumentāciju papildu informācijai un konkrētiem ieviešanas ceļvežiem 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: Automātiski veic garlaicīgo lokalizācijas un virkņu vākšanas procesu, taupot jūsu vērtīgo laiku.
• Izdevīgi: Samazina vajadzību pēc manuālām tulkošanām, samazinot jūsu lokalizācijas izmaksas.
• Uzlabota precizitāte: AI spēka tulkojumi nodrošina kontekstam atbilstošus un augstas kvalitātes rezultātus.
• Mērogojama risinājums: Vienkārši pievienojiet atbalstu jaunām valodām, kad jūsu lietojumprogramma un klientu bāze aug.

Sāciet jau šodien!

Jūsu React lietotne tiks automātiski tulkota, kad pievienosiet jebkuras virknes Translate komponentam. Ņemiet vērā, ka tikai vides ar read/write atļaujām API atslēgai varēs izveidot jaunas virknes tulkošanai.

Mēs iesakām izmantot slēgtu un drošu izstrādes vidi, kurā varat pārbaudīt savu produkcijas lietotni, pievienojot jaunus tekstus pirms to palaist darbībā. Tas novērsīs jebkādu jūsu slepenās API atslēgas nozagšanu un potenciālu tulkošanas projekta palielināšanos, 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!