Vaivaton lokalisaatio React-sovelluksille

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

Miksi valita TacoTranslate Reactille?

Saumaton integrointi: Erityisesti React-sovelluksille suunniteltu TacoTranslate integroituu vaivattomasti olemassa olevaan työnkulkuusi.
Automaattinen merkkijonojen keruu: Ei enää manuaalista JSON-tiedostojen hallintaa. TacoTranslate kerää merkkijonot automaattisesti koodikannastasi.
Tehostetut käännökset tekoälyn avulla: Hyödynnä tekoälyn voimaa tarjotaksesi kontekstuaalisesti tarkat käännökset, jotka sopivat sovelluksesi sävyyn.
Välitön kielituki: Lisää tuki uusille kielille yhdellä napsautuksella, jolloin sovelluksesi on maailmanlaajuisesti saatavilla.

Miten 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 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ömuuttujiksi. read -avainta kutsumme public ja read/write -avainta secret -avaimeksi. Voit esimerkiksi 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 varakielikoodi. Tässä esimerkissä asetamme sen arvoksi en englannille.
TACOTRANSLATE_ORIGIN: "Kansio", johon merkkijonosi tallennetaan, esimerkiksi verkkosivustosi URL-osoite. Lue lisää originaaleista tästä.

.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:n 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ää komponenttia Translate missä tahansa sovelluksessasi näyttääksesi käännettyä tekstiä! Muistathan tutustua dokumentaatioomme saadaksesi lisätietoja ja erikoistuneita ohjeita asetuksiisi.

import {Translate} from 'tacotranslate/react';

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

TacoTranslaten käyttöedut

Ajan säästö: Automatisoi työlään lokalisoinnin ja merkkijonojen keruun prosessin, säästäen arvokasta aikaasi.
Kustannustehokas: Vähentää manuaalisen käännöstyön tarvetta ja laskee lokalisointikustannuksia.
Parannettu tarkkuus: AI:n voimalla toimivat käännökset varmistavat kontekstuaalisesti tarkat ja laadukkaat tulokset.
Laajennettava ratkaisu: Lisää helposti tuki uusille kielille sovelluksesi ja käyttäjäkuntasi kasvaessa.

Aloita jo 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 -käyttöoikeudet API-avaimeen, pystyvät luomaan uusia käännettäviä merkkijonoja.

Suosittelemme suljetun ja suojatun staging-ympäristön käyttöä, jossa voit testata tuotantosovellustasi ja lisätä uusia merkkijonoja ennen julkaisua. Tämä estää ketään varastamasta salaista API-avaintasi ja mahdollisesti täyttämästä käännösprojektiasi ei-toivotuilla merkkijonoilla.

Muista katsoa täydelliset esimerkit GitHub-profiilistamme. Jos kohtaat ongelmia, ota rohkeasti yhteyttä, autamme mielellämme.

TacoTranslate mahdollistaa React-sovellustesi automaattisen lokalisoimisen nopeasti mihin tahansa kieleen ja sieltä pois. Käännä ilmaiseksi!