Enkel lokalisering for React-applikasjonar

Slik fungerer det

Installer TacoTranslate-pakken via npm:

npm install tacotranslate

Når du har installert modulen, må du opprette ein TacoTranslate-konto, eit omsetjingsprosjekt og tilhøyrande API-nøklar. Opprett ein konto her. Det er gratis, og krev ikkje at du legg inn eit kredittkort.

I brukargrensesnittet til TacoTranslate-applikasjonen, opprett eit prosjekt og gå til fanen for API-nøklar. Opprett ein read‑nøkkel og ein read/write‑nøkkel. Vi lagrar dei som miljøvariablar. Den read‑nøkkelen er det vi kallar public og read/write‑nøkkelen er secret. For eksempel kan du leggje dei til i ei .env‑fil i roten av prosjektet ditt.

Du må òg legge til to fleire miljøvariablar: TACOTRANSLATE_DEFAULT_LOCALE og TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Standard lokalkode som blir brukt som reserve. I dette dømet set vi den til en for engelsk.
• TACOTRANSLATE_ORIGIN: Mappa der strengane dine blir lagra, til dømes nettstaden din sin URL. Les meir om opphav her.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Pass på at du aldri lekkjer den hemmelege read/write API-nøkkelen til klientside-produksjonsmiljø.

Sette opp TacoTranslate

Initialiser TacoTranslate i React-applikasjonen din ved å pakke inn applikasjonen i TacoTranslate-kontekstleverandøren:

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>
	);
}

Du kan no bruke Translate‑komponenten kvar som helst i applikasjonen din for å vise omsett tekst! Hugs å sjekke dokumentasjonen vår for meir informasjon, og for implementeringsrettleiingar tilpassa oppsettet ditt.

import {Translate} from 'tacotranslate/react';

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

Fordelar ved å bruke TacoTranslate

• Tidsbesparande: Automatiserer den tidkrevjande prosessen med lokalisering og innsamling av strengar, slik at du sparar verdifull tid.
• Kostnadseffektivt: Reduserer behovet for manuelle omsetjingar, og senkar lokalisasjonskostnadene dine.
• Forbetra nøyaktigheit: AI-drevne omsetjingar sikrar kontekstuelt nøyaktige og høgkvalitetsresultat.
• Skalerbar løysing: Legg enkelt til støtte for nye språk etter kvart som applikasjonen og kundebasen veks.

Kom i gang i dag!

React-applikasjonen din vil bli omsett automatisk når du legg til tekststrengar i ein Translate komponent. Merk at berre miljø med read/write rettar på API-nøkkelen vil kunne opprette nye strengar som skal omsetjast.

Vi tilrår at du har eit lukka og sikra staging-miljø der du kan teste produksjonsapplikasjonen din og leggje til nye strengar før du går live. Dette vil hindre at nokon nokon får tak i den hemmelege API-nøkkelen din, og potensielt gjere at omsetjingsprosjektet ditt blir oppblåst ved at uønskte strengar blir lagt til.

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!