Vaivaton lokalisaatio React-sovelluksille

Haluatko laajentaa React-sovellustasi uusille markkinoille? TacoTranslate tekee React-sovellustesi lokalisoimisesta uskomattoman helppoa, jolloin voit tavoittaa maailmanlaajuisen yleisön ilman vaivaa.

Miksi valita TacoTranslate Reactille?

Saumaton integrointi: Suunniteltu erityisesti React-sovelluksia varten, TacoTranslate integroituu vaivattomasti nykyiseen 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 tarjotaksesi kontekstuaalisesti tarkkoja käännöksiä, jotka sopivat sovelluksesi sävyyn.
Välitön kielituki: Lisää uusien kielten tuki yhdellä klikkauksella, jolloin sovelluksesi on maailmanlaajuisesti saatavilla.

Kuinka se toimii

Asenna TacoTranslate-paketti npm:n kautta:

npm install tacotranslate

Kun olet asentanut moduulin, sinun täytyy luoda TacoTranslate-tili, käännösprojekti ja siihen liittyvät API-avaimet. Luo tili tästä. Se on ilmaista, 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. Sitä read -avainta kutsumme public -avaimeksi ja sitä read/write -avainta kutsumme secret. Esimerkiksi voit lisätä ne projektisi juureen sijaitsevaan .env -tiedostoon.

Tarvitset myös kaksi muuta ympäristömuuttujaa: TACOTRANSLATE_DEFAULT_LOCALE ja TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Oletusarvoinen varakielen paikalliskoodi. Tässä esimerkissä asetamme sen arvoksi en (englanti).
TACOTRANSLATE_ORIGIN: “kansio”, johon merkkijonosi tallennetaan, kuten verkkosivustosi URL-osoite. Lue lisää origins-asetuksista 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.

TacoTranslatein käyttöönotto

Ota TacoTranslate käyttöön React-sovelluksessasi käärittämällä sovelluksesi TacoTranslate-kontekstitoimittajan 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 sekä asennus- ja toteutusohjeita, jotka sopivat juuri sinun ympäristöösi.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate-palvelun edut

Ajan säästö: Automatisoi paikallistamisen ja merkkijonojen keräämisen työlään prosessin, säästäen arvokasta aikaasi.
Kustannustehokas: Vähentää manuaalisten käännösten tarvetta, mikä alentaa lokalisaatiokustannuksiasi.
Parannettu tarkkuus: Tekoälyn avulla tuotetut käännökset varmistavat kontekstuaalisesti tarkat ja korkealaatuiset tulokset.
Skaalautuva ratkaisu: Lisää helposti uusien kielten tuki sovellukseesi ja asiakaskuntasi kasvaessa.

Aloita tänään!

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

Suosittelemme pitämään suljetun ja suojatun staging-ympäristön, jossa voit testata tuotantosovellustasi ja lisätä uusia merkkijonoja ennen julkaisua. Tämä estää ketään varastamasta salaista API-avaintasi ja mahdollisesti paisuttamasta käännösprojektiasi lisäämällä epätoivottuja 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!