Een Express.js-webserver opzetten op Ubuntu 16.04 LTS

• Node.js installeren
• Express installeren

In deze tutorial installeren we een standaard Express.js-webserver met Node.js, een Javascript-runtime op basis van de V8-engine van Chrome, op onze Vultr VPS met Ubuntu 16.04. Als je het niet weet, is Express.js een minimaal en flexibel Node.js-framework dat je de mogelijkheid geeft om webapplicaties te schrijven. Het laat echt zien wat Node.js kan doen op het gebied van webontwikkeling. Dus zonder verder oponthoud, laten we beginnen!

Node.js installeren

Om te beginnen, moet je eerst Node.js installeren, wat de backend zal zijn voor onze Express-site. Om het op Ubuntu 16.04 te installeren, moeten we eerst de repository voor de nieuwste versie toevoegen. Typ hiervoor het volgende:

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

Wat dit doet, is dat het de nieuwste 8.x-pakketten van nodesource.com pakt en het instelt als een APT-repository. Als dat klaar is, voer dan het volgende uit om Node te installeren:

sudo apt-get install -y nodejs build-essential

Wat dit doet is het installeren van Node.js zelf, en het pakt build-essential, wat een aantal tools zijn die je misschien nodig hebt bij het compileren van modules. Wanneer dat is gebeurd, zullen we een nieuw Node-project maken. Zorg eerst dat u zich in uw /homedirectory bevindt.

/home/yourname

Om te controleren, typt u gewoon pwduw terminal in en als u het ziet /home/yourname, bent u klaar! Vervolgens zullen we de init-functie van npm gebruiken om een ​​plek te creëren package.jsonwaar al onze modules worden bijgehouden. Om dat te doen, typt u npm inituw terminal in. Volg alle aanwijzingen en je zult dit zien als je klaar bent:

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

Klik vervolgens op Enter om te bevestigen.

Express installeren

Vervolgens installeren we onze Express-module. Om dat te doen, typ je gewoon:

npm install express

Wacht tot de installatie is voltooid.

Om het leven gemakkelijker te maken, gebruiken we een handige kleine module genaamd express-generator. Wat dit zal doen, is dat het een skeletwebsite voor ons genereert, waardoor het leven een stuk eenvoudiger wordt. Het zorgt voor de basisdingen, zoals routes en dergelijke. Typ Express Generator om het te installeren:

npm install express-generator -g

We specificeren de -gvlag, wat betekent dat deze globaal zal zijn en we kunnen deze in ons hele systeem gebruiken. Zodra we de installatie hebben voltooid, moeten we een beslissing nemen. We moeten kiezen welke rendering-engine we voor ons project willen gebruiken. Kortheidshalve gebruiken we ejsdeze tutorial, wat een geweldige rendering-engine is die ik je ten zeerste aanbeveel meer te bekijken. Typ ons om ons kale project in te stellen:

express -v ejs mysite

Hiermee wordt een nieuwe map gemaakt in ons bestaande project, met de naam mysite. Om er zeker van te zijn dat we alle vereiste modules voor het project hebben, voert u de volgende opdracht uit.

npm install

Nu we de basisconfiguratie van de website hebben, kunnen we beginnen! Om de website te starten, met een basispoort, typ je gewoon:

DEBUG=mysite:* npm start

De website start nu. Het enige probleem is dat je de website niet kunt zien, omdat je een terminal gebruikt. Om de voorbeeldpagina te kunnen zien, zullen we een IP-adres aan de HTTP-server moeten specificeren, wat het IP-adres van onze VPS zal zijn. Om uw IP-adres te verkrijgen, gaat u gewoon naar uw Vultr VPS-paneel en klikt u op het tabblad servers. Het zou onderaan uw servernaam moeten staan, onderaan. Bijvoorbeeld: "1024 MB Server - yourIP". Kopieer dat IP-adres en houd het bij de hand, want we hebben het nodig. Ga dan terug naar uw server en verander uw directory in de bin-map.

cd mysite/bin

Hierbij wordt ervan uitgegaan dat u de map in uw homedirectory hebt gemaakt. Bewerk het bestand erin: het wwwbestand. Om dat te doen, gebruiken we de ingebouwde editor, Nano.

nano www

Eenmaal binnen navigeer je naar deze regel:

server.listen(port);

Voeg uw IP-adres toe aan die regel. Bewerk het zodat het er zo uitziet:

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

Druk vervolgens op "control-o" op je toetsenbord en "enter" om op te slaan. Druk op "control-x" om af te sluiten. Nu zijn we allemaal klaar om onze server te starten. Typ gewoon dezelfde opdracht die we eerder hebben getypt om het te testen:

DEBUG=mysite:* npm start

De console voert nu de poort uit waarop hij luistert. Houd deze poort bij, want je hebt hem nodig. Om uw site te bekijken, opent u uw webbrowser en navigeert u naar de volgende URL.

http://yourIP:port

Het kan er bijvoorbeeld zo uitzien:

http://192.0.2.0:3000

Als alles goed is gegaan, zie je "Welkom bij Express" op je scherm!

En je bent klaar! Je hebt je eerste Express-site gemaakt met Node.js, draaiend op een Vultr VPS. Voor meer informatie over Express en wat u ermee kunt doen, raad ik aan om naar hun site te gaan op http://expressjs.org en de EJS-website op http://ejs.co , waar u meer kunt lezen over de documentatie en maak uw eigen geweldige site!