Einföld staðfæring fyrir React-forrit

Ertu að leita að því að auka við React-forritið þitt á nýja markaði? TacoTranslate gerir það ótrúlega auðvelt að staðfæra React-forritin þín, svo þú getir náð til alþjóðlegs áhorfendahóps án vandræða.

Af hverju að velja TacoTranslate fyrir React?

Óaðfinnanleg samþætting: Hönnuð sérstaklega fyrir React-forrit, TacoTranslate samþættist auðveldlega inn í núverandi vinnuflæði þitt.
Sjálfvirk söfnun textastrengja: Ekki þarf lengur að stjórna JSON-skrám handvirkt. TacoTranslate safnar sjálfkrafa strengjum úr kóðanum þínum.
Þýðingar knúnar af gervigreind: Nýttu kraft gervigreindar til að veita samhengi-réttar þýðingar sem passa við tón forritsins þíns.
Strax tungumálastuðningur: Bættu við stuðningi fyrir ný tungumál með einum smelli, og gerðu forritið þitt aðgengilegt um allan heim.

Hvernig það virkar

Settu upp TacoTranslate pakkann í gegnum npm:

npm install tacotranslate

Þegar þú hefur sett upp viðbótina þarftu að búa til TacoTranslate reikning, þýðingarverkefni og tengd API lykla. Búðu til reikning hér. Það er ókeypis, og krefst ekki að þú bætir við kreditkorti.

Innan notendaviðmótsins í TacoTranslate forritinu, búa til verkefni og farðu í flipann fyrir API lykla. Búðu til einn read lykil og einn read/write lykil. Við munum vista þá sem umhverfisbreytur. read lykillinn er það sem við köllum public og read/write lykillinn er secret. Til dæmis gætir þú bætt þeim við .env skrá í rótarmöppu verkefnisins þíns.

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

TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefið fallback tungumálakóði. Í þessu dæmi setjum við hann á en fyrir ensku.
TACOTRANSLATE_ORIGIN: „Mappa“ þar sem strengir þínir verða geymdir, til dæmis slóð vefsíðunnar þinnar. Lestu meira um origins hér.

.env

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

Gakktu úr skugga um að leka aldrei leynilegu read/write API-lykli í framleiðsluumhverfi viðskiptahliða.

Að setja upp TacoTranslate

Upphafssettu TacoTranslate í React-forritinu þínu með því að umbreyta forritinu þínu með TacoTranslate samhengi birgjans:

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 íhlutinn hvar sem er innan forritsins þíns til að sýna þýddan texta! Vertu viss um að kíkja á skjölun okkar fyrir frekari upplýsingar og fyrir leiðbeiningar um útfærslu sem henta þinni uppsetningu.

import {Translate} from 'tacotranslate/react';

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

Kostir þess að nota TacoTranslate

Tímasparnaður: Sjálfvirknivæðir leiðinlegan feril við staðsetningu og söfnun texta, sem sparar þér dýrmætan tíma.
Hagkvæmt: Minnkar þörfina fyrir handvirkar þýðingar og lækkar kostnað við staðsetningu.
Bætt nákvæmni: Þýðingar knúnar af gervigreind tryggja samhengi réttan og vandaðan árangur.
Stækkunarfært lausn: Bættu auðveldlega við stuðningi fyrir ný tungumál eftir því sem forritið og viðskiptavinahópurinn stækkar.

Byrjaðu í dag!

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

Við mælum með að hafa lokað og öruggt prófunarumhverfi þar sem þú getur prófað framleiðsluútgáfu forritsins, bætt við nýjum strengjum áður en farið er í loftið. Þetta kemur í veg fyrir að einhver geti stolið leynilega API lykli þínum og mögulega þenja þýðingarverkefnið með því að bæta við óvelkomnum 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!