Configuration dun serveur Web Express.js sur Ubuntu 16.04 LTS

• Installation de Node.js
• Installation d'Express

Dans ce didacticiel, nous allons installer un serveur Web Express.js basique, en utilisant Node.js, un runtime Javascript basé sur le moteur V8 de Chrome, sur notre VPS Vultr exécutant Ubuntu 16.04. Si vous ne le savez pas, Express.js est un framework Node.js minimal et flexible qui vous donne le pouvoir d'écrire des applications Web. Il montre vraiment ce que Node.js peut faire en termes de développement Web. Alors sans plus tarder, commençons!

Installation de Node.js

Pour commencer, vous devez d'abord installer Node.js, qui sera le backend de notre site Express. Pour l'installer sur Ubuntu 16.04, nous devons d'abord ajouter le référentiel pour la dernière version. Pour ce faire, tapez ce qui suit:

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

Ce que cela fait, c'est qu'il saisit les derniers packages 8.x de nœudsource.com et le configure comme un référentiel APT. Une fois terminé, exécutez ce qui suit pour installer Node:

sudo apt-get install -y nodejs build-essential

Ce que cela fait, c'est d'installer Node.js lui-même, et il s'empare build-essential, qui sont des outils dont vous pourriez avoir besoin lors de la compilation des modules. Lorsque cela sera fait, nous créerons un nouveau projet Node. Tout d'abord, assurez-vous que vous êtes dans votre /homerépertoire.

/home/yourname

Pour vérifier, tapez simplement pwdvotre terminal, et si vous voyez /home/yourname, alors vous êtes prêt! Ensuite, nous utiliserons la fonction init de npm pour créer un package.jsonemplacement où tous nos modules seront conservés. Pour ce faire, saisissez npm initvotre terminal. Suivez toutes les invites et vous verrez ceci lorsque vous aurez terminé:

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

Cliquez ensuite sur Entrée pour confirmer.

Installation d'Express

Ensuite, nous installerons notre module Express. Pour ce faire, tapez simplement:

npm install express

Attendez la fin de l'installation.

Pour vous faciliter la vie, nous utiliserons un petit module soigné appelé express-generator. Cela va générer un site Web squelette pour nous, ce qui rendra la vie beaucoup plus facile. Il s'occupe des trucs de base, comme les itinéraires et autres. Pour installer Express Generator, tapez simplement:

npm install express-generator -g

Nous spécifions le -gdrapeau, ce qui signifie qu'il sera global, et nous pouvons l'utiliser dans tout notre système. Une fois l'installation terminée, nous devons prendre une décision. Nous devons choisir le moteur de rendu que nous voulons utiliser pour notre projet. Pour plus de brièveté, nous utiliserons ejsdans ce tutoriel, qui est un moteur de rendu génial que je vous recommande fortement d'examiner plus en détail. Pour configurer notre projet nu, tapez simplement:

express -v ejs mysite

Cela fera un nouveau dossier à l'intérieur de notre projet existant, avec le nom mysite. Maintenant, pour vous assurer que nous avons tous les modules requis pour le projet, exécutez la commande suivante.

npm install

Maintenant que nous avons la configuration de base du site Web, nous pouvons la démarrer! Pour démarrer le site Web, avec un port de base, tapez simplement:

DEBUG=mysite:* npm start

Le site Web va maintenant démarrer. Le seul problème est que vous ne pourrez pas voir le site Web, car vous utilisez un terminal. Afin d'afficher la page d'exemple, nous devrons spécifier une adresse IP au serveur HTTP, qui sera l'adresse IP de notre VPS. Pour obtenir votre adresse IP, accédez simplement à votre panneau Vultr VPS et cliquez sur l'onglet serveurs. Il devrait être juste en dessous du nom de votre serveur, en bas. Par exemple: "1024 MB Server - yourIP". Copiez cette adresse IP et gardez-la à proximité, car nous en aurons besoin. Ensuite, revenez sur votre serveur et changez votre répertoire dans le dossier bin.

cd mysite/bin

Cela suppose que vous avez créé le dossier dans votre répertoire personnel. Modifiez le fichier à l'intérieur: le wwwfichier. Pour ce faire, nous utiliserons l'éditeur intégré, Nano.

nano www

Une fois à l'intérieur, accédez à cette ligne:

server.listen(port);

Ajoutez votre adresse IP dans cette ligne. Modifiez-le pour qu'il ressemble à ceci:

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

Ensuite, appuyez sur "control-o" sur votre clavier et "enter" pour enregistrer. Appuyez sur "control-x" pour quitter. Maintenant, nous sommes tous prêts à démarrer notre serveur. Tapez simplement la même commande que nous avons tapée plus tôt pour la tester:

DEBUG=mysite:* npm start

La console affichera maintenant le port sur lequel elle écoute. Gardez une trace de ce port, car vous en aurez besoin. Pour afficher votre site, ouvrez votre navigateur Web et accédez à l'URL suivante.

http://yourIP:port

Par exemple, cela pourrait ressembler à ceci:

http://192.0.2.0:3000

Si tout s'est bien passé, vous verrez "Welcome to Express" sur votre écran!

Et tu as fini! Vous avez créé votre premier site Express avec Node.js, à partir d'un VPS Vultr. Pour en savoir plus sur Express et ce que vous pouvez en faire, je vous recommande de consulter son site à l' adresse http://expressjs.org et le site Web d'EJS à l' adresse http://ejs.co , où vous pouvez lire documentation, et créez votre propre site de tueur!