TacoTranslate
/
SkjölVerð
 
Grein
04. maí

Auðveld staðfærsla fyrir React-forrit

Viltu koma React-forritum þínum á nýja markaði? TacoTranslate gerir það ótrúlega auðvelt að staðfæra þau, svo þú getir náð til alþjóðlegs markhóps án fyrirhafnar.

Af hverju velja TacoTranslate fyrir React?

  • Vandræðalaus samþætting: Hannað sérstaklega fyrir React-forrit, TacoTranslate samþættist áreynslulaust við núverandi vinnuflæði þitt.
  • Sjálfvirk textasöfnun: Ekki þarf lengur að stjórna JSON-skrám handvirkt. TacoTranslate safnar sjálfkrafa textastrengjum úr kóðagrunninum þínum.
  • Þýðingar knúnar gervigreind: Nýttu kraft gervigreindar til að fá samhengi-nákvæmar þýðingar sem henta tóninum í forritinu þínu.
  • Samstundis tungumálastuðningur: Bættu við stuðningi við ný tungumál með einum smelli og gerðu forritið þitt aðgengilegt á heimsvísu.

Hvernig það virkar

Settu upp TacoTranslate-pakkann með npm:

npm install tacotranslate

Þegar þú hefur sett upp viðbótina þarft þú að búa til TacoTranslate-reikning, þýningarverkefni og tilheyrandi API-lykla. Búðu til reikning hér. Það er ókeypis og krefst ekki að þú gefir upp kreditkort.

Í notendaviðmóti TacoTranslate-forritsins skaltu búa til verkefni og fara á flipa fyrir API-lykla. Búðu til einn read lykil og einn read/write lykil. Við munum vista þá sem umhverfisbreytur. Sá read lykill er það sem við köllum public og read/write lykillinn er secret. Til dæmis gætirðu bætt þeim við í .env skrá í rót verkefnisins.

Þú þarft einnig að bæta við tveimur umhverfisbreytum til viðbótar: TACOTRANSLATE_DEFAULT_LOCALE og TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefinn varatungumálakóði. Í þessu dæmi stillum við hann á en fyrir ensku.
  • TACOTRANSLATE_ORIGIN: „mappa“ þar sem textastrengirnir þínir verða geymdir, til dæmis vefslóð vefsíðunnar þinnar. Lestu meira um upprunana hér.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Gættu þess að leka aldrei hinum leynilega read/write API-lykli í framleiðsluumhverfi á viðskiptavinahliðinni.

Uppsetning TacoTranslate

Frumstilltu TacoTranslate í React-forritinu þínu með því að umlykja forritið þitt með TacoTranslate-samhengisveitunni:

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

Þú getur nú notað Translate íhlutann hvar sem er í forritinu þínu til að birta þýddan texta! Skoðaðu endilega skjölun okkar fyrir frekari upplýsingar og fyrir leiðbeiningar um innleiðingu sem eru sérsniðnar að uppsetningu þinni.

import {Translate} from 'tacotranslate/react';

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

Kostir þess að nota TacoTranslate

  • Sparar tíma: Sjálfvirknar leiðinlegt ferli staðfærslu og söfnunar textastrengja, þannig að þú sparar dýrmætan tíma.
  • Hagkvæmt: Minnkar þörfina fyrir handvirkar þýðingar og lækkar kostnað við staðfærslu.
  • Bætt nákvæmni: Gervigreindarþýðingar tryggja samhengislega nákvæmar og hágæða niðurstöður.
  • Skalanleg lausn: Auðveldlega er hægt að bæta við stuðningi fyrir ný tungumál eftir því sem forritið þitt og viðskiptavinahópurinn vaxa.

Byrjaðu í dag!

React-forritið þitt verður þýtt sjálfkrafa þegar þú bætir við strengjum í Translate hluta. Athugaðu að aðeins þau umhverfi sem hafa read/write heimildir fyrir API-lykilinn munu geta búið til nýja strengi til þýðingar.

Við mælum með að hafa lokað og öruggt staging-umhverfi þar sem þú getur prófað framleiðsluforritið þitt og bætt við nýjum strengjum áður en það fer í loftið. Þetta kemur í veg fyrir að einhver steli leynilegum API-lykli þínum og mögulega þyngi þýðingarverkefnið þitt með óæskilegum strengjum.

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!

Vara frá NattskiftetGert í Noregi