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.
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!