Viegla lokalizācija React lietotnēm

Kā tas darbojas

Instalējiet TacoTranslate pakotni, izmantojot npm:

npm install tacotranslate

Kad modulis ir uzstādī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 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, jums tās var pievienot .env failam jūsu 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 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 nenopludināt slepeno read/write API atslēgu klienta puses ražošanas vidēm.

TacoTranslate iestatīšana

Inicializējiet TacoTranslate savā React lietotnē, apvijot 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>
	);
}

Jūs tagad varat izmantot Translate komponentu jebkurā vietā savā lietotnē, lai attēlotu tulkotu tekstu! Noteikti apskatiet mūsu dokumentāciju, lai iegūtu vairāk informācijas un īstenošanas rokasgrāmatas, kas pielāgotas 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 tekstu vākšanas procesu, taupot jūsu vērtīgo laiku.
• Iekļaujošs izmaksu risinājums: Samazina manuālo tulkojumu nepieciešamību, samazinot jūsu lokalizācijas izmaksas.
• Uzlabota precizitāte: AI darbināti tulkojumi nodrošina kontekstuāli precīzus un kvalitatīvus rezultātus.
• Mērogojams risinājums: Vienkārši pievienojiet atbalstu jaunām valodām, kā jūsu lietotne 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 vidi ar read/write atļaujām API atslēgā varēs izveidot jaunas virknes tulkošanai.

Mēs iesakām izmantot slēgtu un drošu testēšanas vidi, kur varat pārbaudīt savu ražošanas lietotni, pievienojot jaunas virknes pirms izvietošanas tiešraidē. Tas novērsīs jebkura mēģinājumu nozagt jūsu slepeno API atslēgu un potenciāli aizpildīt jūsu tulkojumu projektu ar nevēlamām virknēm.

Noteikti apskatiet pilnus piemērus mūsu GitHub profilā. Ja saskaraties ar kādām problēmām, droši sazinieties, un mēs ar prieku palīdzēsim.

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