Einföld 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?
- Samfelld samþætting: Hannað sérstaklega fyrir React-forrit, TacoTranslate samþættist óaðfinnanlega 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óðagrunninum þínum.
- Gervigreindastýrðar þýðingar: Nýttu kraft gervigreindar til að fá þýðingar sem eru nákvæmar í samhengi og passa við tón forritsins þíns.
- Samstundis tungumálastuðningur: Bættu við stuðningi við ný tungumál með einum smelli og gerðu forritið þitt aðgengilegt um allan heim.
Hvernig það virkar
Settu upp TacoTranslate pakkann með npm:
npm install tacotranslateÞegar þú hefur sett upp viðbótina þarftu að búa til TacoTranslate-reikning, þýðingarverkefni og tilheyrandi API-lykla. Búðu til reikning hér. Það er ókeypis og þú þarft ekki að bæta við kreditkorti.
Í notendaviðmóti TacoTranslate-forritsins búðu 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ð skrána .env í rót verkefnisins.
Þú þarft einnig að bæta við tveimur öðrum umhverfisbreytum: TACOTRANSLATE_DEFAULT_LOCALE og TACOTRANSLATE_ORIGIN.
TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefinn staðbundinn kóði sem er notaður sem varakóði. Í þessu dæmi setjum við hann áenfyrir ensku.TACOTRANSLATE_ORIGIN: „mappa“ þar sem strengirnir þínir verða vistaðir, til dæmis vefslóð vefsíðunnar þinnar. Lestu nánar um uppruna hér.
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.comGakktu úr skugga um að leka aldrei hinum leynilega read/write API-lykli í framleiðsluumhverfi á viðskiptavinahlið.
Uppsetning TacoTranslate
Frumstilltu TacoTranslate í React-forritinu þínu með því að pakka forritinu þínu inn í TacoTranslate-samhengisveitandann:
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>
);
}Nú geturðu notað Translate íhlutinn hvar sem er í forritinu þínu til að birta þýddan texta! Vertu viss um að skoða skjölun okkar fyrir frekari upplýsingar og innleiðingarleiðbeiningar 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 við að nota TacoTranslate
- Sparar tíma: Gerir sjálfvirkt það leiðinlega ferli að staðfæra og safna strengjum, og sparar þér dýrmætan tíma.
- Kostnaðarhagkvæmt: Minnkar þörfina á handvirkum þýðingum, sem lækkar kostnað við staðfærslu.
- Aukin nákvæmni: Gervigreindarþýðingar tryggja samhengisnákvæmar og hágæða niðurstöður.
- Skalanleg lausn: Auðvelt er að bæta við stuðningi fyrir ný tungumál þegar forritið og notendahópurinn stækka.
Byrjaðu í dag!
React-forritið þitt verður þýtt sjálfkrafa þegar þú bætir inn strengjum í Translate íhluta. Athugaðu að aðeins umhverfi með read/write heimildir fyrir API-lykilinn munu geta búið til nýja strengi til þýðingar.
Við mælum með að þú hafir lokað og öruggt staging-umhverfi þar sem þú getur prófað framleiðsluumsóknina þína og bætt við nýjum strengjum áður en hún fer í loftið. Þetta mun koma í veg fyrir að einhver steli leynilega API-lykli þínum og mögulega ofhlaða þýð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!