Vaivaton lokalisaatio React-sovelluksille

Miten se toimii

Asenna TacoTranslate-paketti npm:n kautta:

npm install tacotranslate

Kun moduuli on asennettu, 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. 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 varapaikkakoodin kieli. Tässä esimerkissä asetamme sen arvoksi en englannille.
• TACOTRANSLATE_ORIGIN: ”Kansio”, johon merkkisi tallennetaan, kuten verkkosivustosi URL-osoite. Lue lisää alkuperistä täällä.

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

Varmista, ettei salainen read/write API-avain koskaan vuoda asiakkaan puolen tuotantoympäristöihin.

TacoTranslaten käyttöönotto

Alusta TacoTranslate React-sovelluksessasi käärittämällä sovelluksesi TacoTranslate-kontekstin tarjoajaan:

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ämään käännettyä tekstiä! Muista tutustua dokumentaatioomme saadaksesi lisätietoja sekä käyttöönotto-ohjeita, jotka ovat erityisesti sinun käyttöösi soveltuvia.

import {Translate} from 'tacotranslate/react';

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

TacoTranslate:n käytön edut

• Ajan säästö: Automatisoi paikallistamisen ja merkkijonojen keräämisen työlään prosessin, säästäen sinulle arvokasta aikaa.
• Kustannustehokas: Vähentää manuaalisten käännösten tarvetta, alentaen paikallistamiskustannuksiasi.
• Parannettu tarkkuus: AI-tekoälyn tukemat käännökset takaavat kontekstuaalisesti 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, voivat luoda uusia käännettäviä merkkijonoja.

Suosittelemme käyttämään suljettua ja suojattua staging-ympäristöä, jossa voit testata tuotantosovellustasi ja lisätä uusia merkkijonoja ennen julkaisua. Tämä estää muita varastamasta salaista API-avaintasi ja mahdollisesti paisuttamasta käännösprojektiasi lisäämällä luvattomia merkkijonoja.

Muista katsoa täydelliset esimerkit GitHub-profiilissamme. Jos kohtaat ongelmia, älä epäröi ottaa meihin yhteyttä, niin autamme mielellämme.

TacoTranslate mahdollistaa React-sovellustesi automaattisen paikallistamisen nopeasti mihin tahansa kieleen ja takaisin. Käännä ilmaiseksi!