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

TacoTranslate lietotnes 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, jūs tās varat pievienot .env failam sava projekta saknes mapē.

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

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

TacoTranslate iestatīšana

Inicializējiet TacoTranslate savā React lietotnē, ietverot 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 komponentu Translate jebkur jūsu lietotnē, lai attēlotu tulkotu tekstu! Noteikti apskatiet mūsu dokumentāciju, lai iegūtu vairāk informācijas un īstenošanas ceļvežus, kas piemēroti jūsu konfigurācijai.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

TacoTranslate lietošanas priekšrocības

• Laika taupīšana: Automātiski veic garlaicīgo lokalizācijas un tekstu vākšanas procesu, ietaupot jūsu vērtīgo laiku.
• Izmaksu efektivitāte: Samazina nepieciešamību pēc manuālām tulkošanām, samazinot jūsu lokalizācijas izmaksas.
• Uzlabota precizitāte: AI piedziņu tulkojumi nodrošina kontekstam atbilstošus un augstas kvalitātes rezultātus.
• Mērogojama risinājuma: Viegli pievienojiet atbalstu jaunām valodām, attīstoties jūsu lietotnei un klientu bāzei.

Sāciet jau šodien!

Jūsu React lietotne tiks automātiski tulkota, kad pievienosiet jebkādus tekstus Translate komponentam. Ņemiet vērā, ka tikai vidēs ar read/write atļaujām uz API atslēgu būs iespējams izveidot jaunus tulkojamos tekstus.

Mēs iesakām izmantot slēgtu un drošu testēšanas vidi, kur varat pārbaudīt savu ražošanas lietotni, pievienojot jaunus tekstus pirms to palaišanas tiešraidē. Tas novērsīs jūsu slepenās API atslēgas nozagšanu un potenciāli nepieļaus tulkošanas projekta apjoma pieaugumu, pievienojot nevēlamus tekstus.

Noteikti apskatiet pilnos piemērus mūsu GitHub profilā. Ja rodas kādas problēmas, droši sazinieties ar mums, un mēs labprāt palīdzēsim.

TacoTranslate ļauj jums ātri un automātiski lokalizēt jūsu React lietojumprogrammas uz jebkuru valodu un no tās. Tulkot bez maksas!