Paras ratkaisu React-sovellusten kansainvälistämiseen (i18n)

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

Miksi valita TacoTranslate Reactille?

Saumaton integrointi: 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älypohjaiset käännökset: Hyödynnä tekoälyn voimaa tarjotaksesi kontekstuaalisesti täsmällisiä käännöksiä, jotka sopivat sovelluksesi sävyyn.
Välitön kielituki: Lisää tuki uusille kielille vain yhdellä napsautuksella ja tee sovelluksestasi maailmanlaajuisesti saavutettava.

Miten se toimii

Asenna TacoTranslate-paketti npm:llä:

npm install tacotranslate

Kun moduuli on asennettu, sinun on luotava TacoTranslate-tili, käännösprojekti ja niihin liittyvät API-avaimet. Luo tili tästä. Se on ilmaista, eikä edellytä luottokortin tietojen antamista.

Luo TacoTranslate-sovelluksen käyttöliittymässä projekti ja siirry projektisi API-avaimet-välilehdelle. Luo yksi read avain ja yksi read/write avain. Tallennamme ne ympäristömuuttujiksi. read avain on niin sanottu public -avain ja read/write avain on secret. Esimerkiksi voit lisätä ne projektisi juureen olevaan .env tiedostoon.

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

TACOTRANSLATE_DEFAULT_LOCALE: Oletuksena käytettävä varakielen paikalliskoodi. Tässä esimerkissä asetamme sen arvoksi en, joka tarkoittaa englantia.
TACOTRANSLATE_ORIGIN: "kansio", johon merkkijonosi tallennetaan, esimerkiksi verkkosivustosi URL-osoite. Lue lisää originista 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

Ota TacoTranslate käyttöön 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ääksesi käännettyä tekstiä! Muista tutustua dokumentaatioomme, josta löydät lisätietoa sekä järjestelmääsi sopivia toteutusohjeita.

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 lokalisaation ja tekstien keräämisen, mikä säästää arvokasta aikaasi.
Kustannustehokas: Vähentää manuaalisten käännösten tarvetta ja alentaa lokalisaatiokustannuksiasi.
Parannettu tarkkuus: Tekoälyn tukemat käännökset tuottavat kontekstinmukaisia ja korkealaatuisia tuloksia.
Skaalautuva ratkaisu: Lisää helposti tuki 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 suljettua ja suojattua staging‑ympäristöä, 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ä 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!