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

Ertu að leita að því að auka markaðinn fyrir React-forritið þitt? TacoTranslate gerir þér mjög auðvelt fyrir að staðfæra React-forritin þín, svo þú getur náð til alþjóðlegs áhorfendahóps án fyrirhöfn.

Hvers vegna að velja TacoTranslate fyrir React?

Hljótt samþætting: Hannað sérstaklega fyrir React forrit, TacoTranslate samþættist auðveldlega inn í núverandi vinnuflæði þitt.
Sjálfvirk söfnun textastrengja: Ekki lengur þörf á að stjórna JSON skrám handvirkt. TacoTranslate safnar sjálfkrafa strengjum úr kóðabókasafni þínu.
Þýðingar knúnar af gervigreind: Nýtðu kraft gervigreindar til að veita samhengislega nákvæmar þýðingar sem passa við tóninn í forritinu þínu.
Strax tungumálastuðningur: Bættu við stuðningi við ný tungumál með einu smelli, sem gerir forritið þitt aðgengilegt á heimsvísu.

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 tengda API lykla. Búðu til reikning hér. Það er ókeypis, og krefst ekki að þú setjir inn kreditkort.

Innan viðmótsins í TacoTranslate-forritinu 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ðu bætt þeim við .env skrá í rót verkefnis þíns.

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

TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefið staðbundið tungumál sem er notað ef annað finnst ekki. Í þessu dæmi stillum við það á en fyrir ensku.
TACOTRANSLATE_ORIGIN: „Mappa“ þar sem textastrengir þí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 alltaf úr skugga um að leka aldrei leynilega read/write API lykli til viðskiptavina í framleiðsluumhverfi.

Uppsetning TacoTranslate

Innhnýttu TacoTranslate í React-forritinu þínu með því að vefja forritið þitt í TacoTranslate samhengisveituna:

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ð skoða skjölun okkar fyrir frekari upplýsingar og leiðbeiningar um innleiðingu sem henta nákvæmlega þ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ímasparandi: Sjálfvirknivæðir þreytandi ferlið við staðfærslu og söfnun strengja, sparar þér dýrmætan tíma.
Kostnaðarhagrænt: Minnkar þörfina á handvirkum þýðingum, lækkar staðfærslukostnaðinn þinn.
Bætt nákvæmni: Þýðingar knúnar af gervigreind tryggja samhengi réttar og hágæða niðurstöður.
Stjórnanleg lausn: Auðvelt að bæta við stuðningi fyrir ný mál þegar forritið þitt og viðskiptavinahópur stækkar.

Byrjaðu í dag!

Forritið þitt í React verður þýtt sjálfkrafa þegar þú bætir við einhverjum strengjum í Translate íhlutann. Athugaðu að aðeins umhverfi með read/write heimildir fyrir API lykilinn geta búið til nýja strengi sem þýða á að.

Við mælum með að hafa lokað og tryggt staging-umhverfi þar sem þú getur prófað framleiðsluforritið þitt, bætt við nýjum strengjum áður en farið er í aðgerð. Þetta kemur í veg fyrir að einhver steli leyndum API lykli þínum og komi hugsanlega fyrir óviðkomandi strengi sem myndu þenja þýðingarverkefnið þitt.

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!