Julkaise Vite- tai React-sovellus

Miten Vinssi tunnistaa Vite-sovelluksen

Jokaisessa julkaisussa Vinssi lukee package.jsonin sovelluskansiosta. Se käsittelee projektin Vitenä, kun vite on dependencies- tai devDependencies-listassa ja GitHub-repossa on vite.config.js, vite.config.ts tai vite.config.mjs. Pidä tämä asetustiedosto mukana, jotta sovellus tunnistetaan.

React ei ole oma tarkistus. Jos React-sovellus käyttää Viteä, tämä on oikea ohje. Jos se käyttää Next.js:ää, Vinssi seuraa Next.js-ohjetta, koska Next.js tarkistetaan ensin. Ensimmäinen osuma voittaa. Säännöt ovat tuetuissa sovelluksissa. Next.js-vaiheet ovat oppaassa Next.js ja Postgres.

Koonti ja käynnistys

Jos package.jsonissa on build-skripti, Vinssi ajaa sen havaitsemallaan paketinhallinnalla. Jos build-skriptiä ei ole, se ajaa vite build. Koottu dist-kansio avataan sitten yhden sivun sovelluksena portissa 3000.

Koonti ja käynnissä oleva sovellus käyttävät Node 22:ta. Koonti on vaihe, jossa koodista tehdään valmis sovellus. Vinssi asettaa PORT-arvoksi 3000 ja lähettää liikenteen sinne. Sovelluksen pitää kuunnella sitä porttia. Itse asettamasi PORT-arvo ei korvaa alustan arvoa.

Julkaise repo

Seuraa pikaohjetta. Kirjaudu hallintaan. Työtila syntyy ensimmäisellä kirjautumisella. Valitse Install GitHub App ja anna sille vain ne GitHub-repot, joita aiot käyttää. Repo on koodikansio GitHubissa. Vinssi pyytää lukuoikeuden repon sisältöön ja metatietoihin. Valitse New app, anna nimi ja valitse yksi repo. Yksi repo yhdistyy yhteen sovellukseen.

Avaa Settings ja sitten Build. Jätä kentät arvoon Auto, ellei sovellus ole alikansiossa, kuten monorepossa, tai ellei sovellus lue PORT-arvoa. Monorepo on yksi repo, jossa on useita projekteja. Avaa Settings ja sitten Variables, jos koonti tarvitsee avaimen. Avaa Billing, valitse paketti ja tee maksu loppuun. Paina Deploy.

Ensimmäinen julkaisu kestää yleensä kahdesta viiteen minuuttiin. Pikaohje sanoo, että koko ensimmäinen ajo vie yleensä noin kymmenen minuuttia, ja suurin osa siitä on koonnin odotusta. Kun tila on Live, avaa Vinssin antama osoite. Se näyttää tältä: https://<project-slug>-<4 random characters>.app.vinssi.ai. Hinnat ovat oppaassa Mitä sovelluksen ylläpito maksaa?

Jos sivu on vain HTML

Esittelysivu, joka on yksi HTML-tiedosto ilman Vite-koontia, käyttää Vinssi Pagesia. Se ei tarvitse pakettia. Esittelysivun opas kattaa sen. Nämä vaiheet tulevat tuettujen sovellusten sivulta ja pikaohjeesta. Niitä ei kokeiltu kirjautuneella Vinssi-tilillä tätä opasta kirjoitettaessa.