TacoTranslate
/
DokimantasyonPri
 
Atik
May 04

Lokalizasyon san efò pou aplikasyon React

Èske w ap chèche elaji aplikasyon React ou a nan nouvo mache? TacoTranslate fè li ekstrèmman fasil pou lokalize aplikasyon React ou yo, pèmèt ou rive jwenn yon odyans mondyal san traka.

Poukisa chwazi TacoTranslate pou React?

  • Entegrasyon San Pwoblèm: Ki fèt espesyalman pou aplikasyon React, TacoTranslate entegre san efò nan kouran travay ou ki egziste deja.
  • Koleksyon Chenn Otomatik: Pa gen bezwen jere fichye JSON manyèlman ankò. TacoTranslate kolekte otomatikman chenn yo nan baz kòd ou.
  • Tradiksyon Pouse Pa AI: Sèvi ak pouvwa entèlijans atifisyèl pou bay tradiksyon ki presi selon kontèks epi ki adapte ak ton aplikasyon ou a.
  • Sipò Lang Imedyat: Ajoute sipò pou nouvo lang ak yon sèl klik, sa fè aplikasyon ou a aksesib atravè lemond.

Kijan li mache

Enstale pake TacoTranslate la atravè npm:

npm install tacotranslate

Lè ou fin enstale modil la, w ap bezwen kreye yon kont TacoTranslate, yon pwojè tradiksyon, ak kle API ki asosye yo. Kreye yon kont isit la. Li gratis, e li pa mande pou ou ajoute yon kat kredi.

Nan entèfas aplikasyon TacoTranslate la, kreye yon pwojè epi navige nan tab kle API li a. Kreye yon kle read ak yon kle read/write. N ap sove yo kòm varyab anviwònman. Kle read la se sa nou rele public epi kle read/write la se secret. Pa egzanp, ou ta ka ajoute yo nan yon fichye .env ki nan rasin pwojè ou a.

Ou bezwen tou ajoute de lòt varyab anviwònman: TACOTRANSLATE_DEFAULT_LOCALE ak TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Kòd lokal de repli pa defo a. Nan egzanp sa a, nou pral mete li sou en pou Anglè.
  • TACOTRANSLATE_ORIGIN: Katab kote tèks ou yo pral estoke, tankou URL sitwèb ou. Li plis sou orijin yo isit la.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Asire w pou w pa janm revele kle API sekrè read/write la nan anviwònman pwodiksyon sou bò kliyan an.

Konfigirasyon TacoTranslate

Inisyalize TacoTranslate nan aplikasyon React ou a lè ou antoure aplikasyon an ak founisè kontèks TacoTranslate la:

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

Ou kapab kounye a itilize konpozan Translate nenpòt kote nan aplikasyon ou pou afiche tèks tradui! Asire w pou tcheke dokimantasyon nou an pou plis enfòmasyon, epi pou gid enplemantasyon ki espesifik pou konfigirasyon ou.

import {Translate} from 'tacotranslate/react';

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

Avantaj pou itilize TacoTranslate

  • Ekonomize tan: Otomatize pwosesis fatigan lokalizasyon ak koleksyon chenn tèks yo, pou w sove tan ki gen anpil valè.
  • Ekonomik: Redwi bezwen pou tradiksyon manyèl, sa diminye depans lokalizasyon ou.
  • Presizyon amelyore: Tradiksyon ki mache ak entèlijans atifisyèl asire rezilta ki egzak nan kontèks epi ki bon kalite.
  • Solisyon fasil pou elaji: Ajoute sipò pou nouvo lang fasilman pandan aplikasyon ou ak baz kliyan ou ap grandi.

Kòmanse jodi a!

Aplikasyon React ou a ap tradui otomatikman lè ou ajoute nenpòt chèn tèks nan yon konpozan Translate. Sonje ke se sèlman anviwònman ki gen pèmisyon read/write sou kle API a ki pral kapab kreye nouvo chèn pou tradui.

Nou rekòmande pou gen yon anviwònman staging fèmen ak sekirize kote ou ka teste aplikasyon pwodiksyon ou a, ajoute nouvo chèn anvan ou ale an dirèk. Sa ap anpeche nenpòt moun vòlè kle API sekrè ou a, epi potansyèlman anfle pwojè tradiksyon ou a pa ajoute chèn move oswa pa otorize.

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!

Yon pwodwi soti nan NattskiftetFèt nan Nòvèj