Konfigurera en Express.js-webbserver på Ubuntu 16.04 LTS

I den här handledningen kommer vi att installera en grundläggande Express.js-webbserver, med hjälp av Node.js, en Javascript-runtime baserad på Chromes V8-motor, på vår Vultr VPS som kör Ubuntu 16.04. Om du inte vet så är Express.js ett minimalt och flexibelt Node.js-ramverk som ger dig kraften att skriva webbapplikationer. Det visar verkligen upp vad Node.js kan göra när det gäller webbutveckling. Så utan vidare, låt oss komma igång!

Installerar Node.js

För att börja måste du först installera Node.js, som kommer att vara backend för vår Express-webbplats. För att installera det på Ubuntu 16.04 måste vi först lägga till arkivet för den senaste versionen. För att göra det, skriv följande:

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

Vad detta gör är att det hämtar de senaste 8.x-paketen från nodesource.com och ställer in det som ett APT-förråd. När det är klart, kör följande för att installera Node:

sudo apt-get install -y nodejs build-essential

Vad detta gör är att installera själva Node.js, och det tar tag i build-essential, vilket är några verktyg du kan behöva när du kompilerar moduler. När det är gjort kommer vi att skapa ett nytt Node-projekt. Se först till att du finns i din /homekatalog.

/home/yourname

För att kontrollera, skriv bara pwdin din terminal, och om du ser /home/yourname, då är du redo! Sedan kommer vi att använda npms init-funktion för att skapa en plats package.jsondär alla våra moduler kommer att hållas reda på. För att göra det, skriv npm initin din terminal. Följ alla uppmaningar så ser du detta när du är klar:

{
  "name": "example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "rich",
  "license": "MIT"
}

Klicka sedan på enter för att bekräfta.

Installerar Express

Därefter kommer vi att installera vår Express-modul. För att göra det, skriv bara:

npm install express

Vänta tills installationen är klar.

För att göra livet enklare kommer vi att använda en snygg liten modul som heter express-generator. Vad detta kommer att göra är att det kommer att skapa en webbplats för oss, vilket gör livet mycket enklare. Den tar hand om de grundläggande sakerna, som rutter och så. För att installera Express Generator, skriv helt enkelt:

npm install express-generator -g

Vi anger -gflaggan, vilket betyder att den kommer att vara global, och vi kan använda den i hela vårt system. När vi är klara med installationen måste vi fatta ett beslut. Vi måste välja vilken renderingsmotor vi vill använda för vårt projekt. För korthetens skull kommer vi att använda ejsi den här handledningen, som är en fantastisk renderingsmotor som jag starkt rekommenderar att du tittar närmare på. För att ställa in vårt bara projekt, skriv bara:

express -v ejs mysite

Detta kommer att skapa en ny mapp inuti vårt befintliga projekt, med namnet mysite. Nu, för att se till att vi har alla nödvändiga moduler för projektet, kör följande kommando.

npm install

Nu när vi har den grundläggande webbplatsinställningen kan vi starta den! För att starta webbplatsen, med en grundläggande port, skriv helt enkelt:

DEBUG=mysite:* npm start

Webbplatsen kommer nu att starta. Det enda problemet är att du inte kommer att kunna se webbplatsen eftersom du använder en terminal. För att kunna se exempelsidan måste vi ange en IP-adress till HTTP-servern, som kommer att vara IP-adressen för vår VPS. För att få din IP-adress, gå helt enkelt till din Vultr VPS-panel och klicka på fliken servrar. Det bör vara precis under ditt servernamn, längst ner. Till exempel: "1024 MB Server - din IP". Kopiera den IP-adressen och håll den nära, för vi kommer att behöva den. Gå sedan tillbaka till din server och ändra din katalog till bin-mappen.

cd mysite/bin

Detta förutsätter att du skapade mappen i din hemkatalog. Redigera filen inuti: wwwfilen. För att göra det kommer vi att använda den inbyggda redigeraren Nano.

nano www

Väl inne, navigera till denna rad:

server.listen(port);

Lägg till din IP-adress på den raden. Redigera den så att den ser ut så här:

server.listen(port, 'your ip here');

Tryck sedan på "control-o" på ditt tangentbord och "enter" för att spara. Tryck på "kontroll-x" för att avsluta. Nu är vi alla redo att starta vår server. Skriv bara samma kommando som vi skrev tidigare för att testa det:

DEBUG=mysite:* npm start

Konsolen kommer nu att mata ut porten den lyssnar på. Håll koll på denna port, eftersom du kommer att behöva den. För att se din webbplats, öppna din webbläsare och navigera till följande URL.

http://yourIP:port

Det kan till exempel se ut så här:

http://192.0.2.0:3000

Om allt gick bra kommer du att se "Welcome to Express" på din skärm!

Och du är klar! Du har skapat din första Express-webbplats med Node.js och kör på en Vultr VPS. För att lära dig mer om Express, och vad du kan göra med det, rekommenderar jag att du går till deras webbplats på http://expressjs.org och EJS webbplats på http://ejs.co , där du kan läsa om dokumentation och skapa din egen mördarsajt!