Vibe-kodning?
Vibe-kodning är ett sätt att programmera genom att beskriva för AI:nvad man vill ha, istället för att skriva koden själv rad för rad. I praktiken beskriver utvecklaren det önskade resultatet, AI genererar koden och sedan finjusteras resultatet genom att diskutera med AI:n.
Det går enkelt att publicera Vibe-kodade program även på ett webbhotell. Det innebär att man kan testa och demonstrera Vibe-kodade program för allmänheten på ett kostnadseffektivt och smidigt sätt, istället för att använda en mer resurskrävande virtuell server.
I kontrollpanelen finns funktionen ”Setup Node.js App”, som gör det enkelt att starta en Node.js-tjänst, till exempel för ett program skrivet i Vibe, på den adress du önskar.
Olika AI-applikationer är särskilt väl lämpade för att bygga program i TypeScript, React och Vite, vilket gör det enkelt att skapa och använda en sådan Node.js-applikation via ett webbhotell.
I videon här intill visas ett exempel på hur man skapar ett enkelt väderprogram med hjälp av Vibe-kodning. Där beskrivs helt enkelt vilken typ av program man vill ha och att det ska fungera i CloudLinux Phusion Passenger-miljön med Node.js.
I sin enklaste form består Vibe-kodning av ett enda kommando, och resultatet blir ett färdigt, fungerande program som redan är färdigpaketerat.
Enkel installation av programmet för användning i Node.js-miljön.
Installation av Node.js
I det här exemplet har det färdiga programmet packats i en ZIP-fil. I aktivt pågående utvecklingsarbete kan det däremot vara klokt att använda GIT-miljön och GitHub-tjänsten, som kan användas direkt från kontrollpanelen under "Git Version Control". Att överföra det färdiga vibe-kodade programmet till webbhotellet som ett enda ZIP-paket är dock mycket enkelt och snabbt.
Först laddar man ner det färdiga och fullständigt översatta programmet till kontots rotkatalog som en ZIP-fil (eller via GIT). Därefter packar man upp det i den katalog där programmet ska köras (i detta fall weatherapp). Gå sedan till "Setup Node.js App" i kontrollpanelen. Skapa en ny app. Ange rotkatalogen (weatherapp) och sedan den önskade adressen där programmet ska köras (i detta exempel är det /saa/). Du kan också välja Node.js-version i detta steg. Vi rekommenderar den senaste versionen, om det inte finns någon särskild anledning att använda en äldre version. När appen har konfigurerats installerar "Run NPM Install" appen.
På så sätt startar de flesta applikationer direkt och blir tillgängliga på applikationens adress. Det är dock bra att ange önskade miljövariabler (inställningar) separat via en .env-fil.
Inställningar
De flesta program kräver vissa inställningar eller uppgifter som det är mest naturligt att ange i en .env-fil. Denna fil är av konfidentiell karaktär och bör därför undantas från att läggas upp på exempelvis GitHub (via .gitignore). Den bör i övrigt inte ingå i själva programmet utan endast finnas i den miljö där programmet körs.
I videon nedan visas hur man enkelt kan lägga till en .env-fil direkt via kontrollpanelen. Det gör man genom att skapa en .env-fil i programkatalogen via filhanteraren. Eftersom det är en dold fil (med en punkt i början) måste dessa filer göras synliga i filhanterarens inställningar. I filhanteraren kan du redigera filen med knappen "Redigera". När du har lagt till eller redigerat filen måste du starta om programmet från "Setup Node.js App" med knappen "Restart".
Exempel på konfigurationsfiler (CLAUDE.md / AGENTS.md) som underlättar driften av det Vibe-kodade programmet som installeras på webbhotellet (cPanel):
Deployment Requirements:
- Build this as a complete Node.js Express app for CloudLinux Phusion Passenger.
- Use `/app/` as the base path
- Serve static files from both `/` and base path.
- Entry file must be `app.js`
- Use `.env` file exclusively for configuration
- Build the app fully before packaging. Make sure that all the project files and assets are present.
- Package the finished ready-to-run project as `app.zip`
Lägga till en .env-fil i programmets katalog