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

Viltu ná til nýrra markaða með React-forritinu þínu? TacoTranslate gerir það ótrúlega auðvelt að staðfæra React-forritin þín, svo þú getir náð til alþjóðlegs markhóps án fyrirhafnar.

Af hverju velja TacoTranslate fyrir React?

Hnökralaus samþætting: Hönnuð sérstaklega fyrir React-forrit, TacoTranslate samþættist hnökralaust í núverandi vinnuflæði þitt.
Sjálfvirk söfnun strengja: Ekki þarf lengur að halda utan um JSON-skrár handvirkt. TacoTranslate safnar sjálfkrafa strengjum úr kóðagrunninum þínum.
Þýðingar með gervigreind: Nýtðu kraft gervigreindar til að fá samhengi-réttar og nákvæmar þýðingar sem henta tóninum í forritinu þínu.
Strax tungumálastuðningur: Bættu við stuðningi fyrir nýtt tungumál með aðeins 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, þýðingarverkefni og viðeigandi API-lykla. Búðu til reikning hér. Það er ókeypis og þú þarft ekki að skrá kreditkort.

Í notendaviðmóti TacoTranslate-forritsins skaltu búa til verkefni og fara í 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ót verkefnisins.

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

TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefinn varakóði fyrir svæði (locale). Í þessu dæmi stillum við hann á en fyrir ensku.
TACOTRANSLATE_ORIGIN: „mappa“ þar sem textastrengirnir þínir verða geymdir, til dæmis slóð vefsíðu þinnar. Lestu meira um upprunastaði 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 leyndu read/write API-lykli í framleiðsluumhverfi á viðskiptavinahlið.

Uppsetning TacoTranslate

Settu upp TacoTranslate í React-forritinu þínu með því að vefja forritið þitt inn í TacoTranslate samhengi-veitandann:

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 hvar sem er innan forritsins þíns til að birta þýddan texta! Skoðaðu endilega skjöl okkar fyrir frekari upplýsingar og leiðbeiningar um innleiðingu sem henta 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

Tímasparnaður: Sjálfvirknivæðir leiðinlegt ferli staðfærslu og söfnunar strengja, sem sparar þér dýrmætan tíma.
Kostnaðarhagkvæmt: Minnkar þörfina á handvirkum þýðingum og lækkar kostnað við staðfærslu.
Bætt nákvæmni: Þýðingar knúnar af gervigreind tryggja samhengisréttar og hágæða niðurstöður.
Skalanleg lausn: Bættu auðveldlega stuðningi við ný tungumál eftir því sem forritið og viðskiptavinahópurinn vaxa.

Byrjaðu í dag!

Forritið þitt í React verður þýtt sjálfkrafa þegar þú bætir við strengjum í Translate íhlutinn. Athugaðu að aðeins umhverfi sem hefur read/write leyfi fyrir API-lykilinn geti 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ðsluforritið þitt og bætt við nýjum strengjum áður en þú fer í loftið. Þetta kemur í veg fyrir að einhver steli leynilegum API-lykli þínum og hugsanlega fylli upp þýð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!