Vaivaton lokalisointi React-sovelluksille

Haluatko laajentaa React-sovelluksiasi uusille markkinoille? TacoTranslate tekee React-sovellustesi lokalisoimisesta uskomattoman helppoa, jolloin voit tavoittaa globaalin yleisön vaivatta.

Miksi valita TacoTranslate Reactille?

Saumaton integraatio: Suunniteltu erityisesti React‑sovelluksille, TacoTranslate integroituu vaivattomasti olemassa olevaan työnkulkuusi.
Automaattinen merkkijonojen keruu: Ei enää JSON‑tiedostojen manuaalista hallintaa. TacoTranslate kerää merkkijonot automaattisesti koodipohjastasi.
Tekoälyllä tuotetut käännökset: Hyödynnä tekoälyn voimaa tuottaaksesi kontekstuaalisesti tarkkoja käännöksiä, jotka sopivat sovelluksesi sävyyn.
Välitön kielituki: Lisää tuki uusille kielille yhdellä napsautuksella, jolloin sovelluksesi on maailmanlaajuisesti saavutettavaksi.

Miten se toimii

Asenna TacoTranslate-paketti npm:llä:

npm install tacotranslate

Kun olet asentanut moduulin, sinun täytyy luoda TacoTranslate-tili, käännösprojekti ja niihin liittyvät API-avaimet. Luo tili täältä. Se on ilmainen, eikä vaadi luottokortin lisäämistä.

TacoTranslate-sovelluksen käyttöliittymässä luo projekti ja siirry sen API-avaimet-välilehdelle. Luo yksi read avain ja yksi read/write avain. Tallennamme ne ympäristömuuttujiin. read avainta kutsumme public, ja read/write avainta kutsumme secret. Esimerkiksi voit lisätä ne .env tiedostoon projektisi juureen.

Sinun tulee myös lisätä kaksi muuta ympäristömuuttujaa: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Oletusarvoinen varakielen (locale) koodi. Tässä esimerkissä asetamme sen arvoon en englannille.
TACOTRANSLATE_ORIGIN: "kansio", johon merkkijonosi tallennetaan, kuten verkkosivustosi URL-osoite. Lue lisää origineista täältä.

.env

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

Varmista, ettet koskaan vuoda salaista read/write API-avainta asiakaspuolen tuotantoympäristöihin.

TacoTranslate-palvelun käyttöönotto

Alusta TacoTranslate React-sovelluksessasi kietomalla sovelluksesi TacoTranslate-kontekstin tarjoajan ympärille:

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

Voit nyt käyttää Translate -komponenttia missä tahansa sovelluksessasi näyttääksesi käännettyä tekstiä! Tutustu dokumentaatioomme saadaksesi lisätietoja ja ohjeita toteutukseen juuri sinun asetuksissasi.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate-palvelun käytön edut

Ajan säästö: Automaattistaa lokalisoimisen ja merkkijonojen keräämisen työlään prosessin, jolloin säästät arvokasta aikaa.
Kustannustehokas: Vähentää manuaalisten käännösten tarvetta, mikä alentaa lokalisaatiokustannuksiasi.
Parantunut tarkkuus: Tekoälypohjaiset käännökset varmistavat kontekstinmukaisesti tarkat ja korkealaatuiset tulokset.
Skaalautuva ratkaisu: Lisää helposti tukea uusille kielille sovelluksesi ja asiakaskuntasi kasvaessa.

Aloita tänään!

React-sovelluksesi käännetään automaattisesti, kun lisäät merkkijonoja Translate -komponenttiin. Huomaa, että vain ympäristöt, joilla on read/write -oikeudet API-avaimeen, pystyvät luomaan uusia käännettäviä merkkijonoja.

Suosittelemme suljettua ja suojattua staging-ympäristöä, jossa voit testata tuotantosovellustasi ja lisätä uusia merkkijonoja ennen kuin otat sen käyttöön. Näin estät, että kukaan varastaisi salaisen API-avaimesi ja mahdollisesti paisuttaisi käännösprojektiasi lisäämällä luvattomia merkkijonoja.

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!