TacoTranslate
/
DokumentacioniÇmimi
 
Neni
04 maj

Lokalizim pa mundim për aplikacionet React

A po kërkoni të zgjerojnë aplikacionin tuaj React në tregje të reja? TacoTranslate e bën jashtëzakonisht të lehtë lokalizimin e aplikacioneve tuaja React, duke ju mundësuar të arrini një audiencë globale pa asnjë vështirësi.

Pse të zgjidhni TacoTranslate për React?

  • Integrim i Pandërprerë: Dizajnuar posaçërisht për aplikacionet React, TacoTranslate integrohet lehtësisht në rrjedhën tuaj ekzistuese të punës.
  • Mbledhje Automatikë e Stringjeve: Nuk ka më menaxhim manual të skedarëve JSON. TacoTranslate mbledh automatikisht stringjet nga baza juaj e kodit.
  • Përkthime të Fuqizuara nga AI: Përdorni fuqinë e AI për të siguruar përkthime kontekstualisht të sakta që përshtaten me tonin e aplikacionit tuaj.
  • Mbështetje e Menjëhershme për Gjuhët: Shtoni mbështetje për gjuhë të reja me vetëm një klikim, duke e bërë aplikacionin tuaj të aksesueshëm globalisht.

Si funksionon

Instaloni paketën TacoTranslate përmes npm:

npm install tacotranslate

Kur keni instaluar modulit, do t'ju duhet të krijoni një llogari TacoTranslate, një projekt përkthimi, dhe çelësa API të lidhur. Krijoni një llogari këtu. Është falas, dhe nuk kërkon të shtoni një kartë krediti.

Në ndërfaqen e aplikacionit TacoTranslate, krijoni një projekt dhe shkoni te skeda e çelësave API. Krijoni një çelës read dhe një çelës read/write. Ne do t’i ruajmë ato si variabla të mjedisit. Çelësi read është ajo që e quajmë public dhe çelësi read/write është secret. Për shembull, mund t’i shtoni në një skedar .env në rrënjën e projektit tuaj.

Gjithashtu do t’ju duhet të shtoni edhe dy variabla të tjerë të mjedisit: TACOTRANSLATE_DEFAULT_LOCALE dhe TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Kodi i vendndodhjes së parazgjedhur të zëvendësimit. Në këtë shembull, do ta caktojmë në en për Anglishten.
  • TACOTRANSLATE_ORIGIN: “Dosja” ku do të ruhen fjalët tuaja, si p.sh. URL-ja e faqes tuaj të internetit. Lexoni më shumë rreth origjinave këtu.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Sigurohuni që kurrë të mos rrjedhni çelësin sekret read/write të API-së në mjedise prodhimi në anën e klientit.

Konfigurimi i TacoTranslate

Inicializoni TacoTranslate në aplikacionin tuaj React duke mbështjellë aplikacionin tuaj në ofruesin e kontekstit TacoTranslate:

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

Tani mund të përdorni komponentin Translate kudo brenda aplikacionit tuaj për të shfaqur tekstin e përkthyer! Sigurohuni të shikoni dokumentacionin tonë për më shumë informacion dhe për udhëzime për implementim specifike për konfigurimin tuaj.

import {Translate} from 'tacotranslate/react';

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

Përfitimet e përdorimit të TacoTranslate

  • Shpëton kohë: Automatizon procesin e lodhshëm të lokalizimit dhe mbledhjes së vargjeve, duke ju kursyer kohë të vlefshme.
  • Kostoeffektiv: Ul nevojën për përkthime manuale, duke zvogëluar kostot e lokalizimit tuaj.
  • Saktësi e përmirësuar: Përkthimet e fuqizuara me AI sigurojnë rezultate kontekstualisht të sakta dhe me cilësi të lartë.
  • Zgjidhje e shkallëzueshme: Shtoni lehtësisht mbështetje për gjuhë të reja ndërsa rritet aplikacioni dhe baza e përdoruesve tuaj.

Filloni sot!

Aplikacioni juaj React do të përkthehet automatikisht kur të shtoni ndonjë varg teksti në një komponent Translate. Kini parasysh që vetëm mjediset me leje read/write mbi çelësin API do të jenë në gjendje të krijojnë vargje të reja për t'u përkthyer.

Ne rekomandojmë të keni një mjedis staging të mbyllur dhe të sigurt ku mund të testoni aplikacionin tuaj të prodhimit, duke shtuar vargje të reja para se të bëheni live. Kjo do të parandalojë që dikush të vjedhë çelësin tuaj sekret API dhe potencialisht të fryjë projektin tuaj të përkthimit duke shtuar vargje mashtruese.

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!

Një produkt nga NattskiftetBërë në Norvegji