Configurer un serveur Keystone.js à laide du proxy inverse Nginx sur Ubuntu 16.04

• Installation du nœud
• Installation de Nginx
• Initialiser notre projet Keystone
• Initialisation de notre base de données
• Installation de PM2
• Exécution / gestion d'une application sur PM2
• Configuration de votre proxy inverse

Dans ce didacticiel, nous allons configurer un serveur Web avec un proxy inverse. Le CMS que nous utiliserons est Keystone.js, un cadre d'application Web bien connu basé sur Express.js. Le proxy inverse que nous utiliserons est Nginx, qui est un proxy inverse gratuit et open-source, ainsi qu'un serveur HTTP. La base de données que nous utiliserons est MongoDB, une base de données de documents NoSQL. Cela nécessitera que vous ayez un domaine avec des enregistrements configurés. Si vous ne disposez pas de cet ensemble, alors allez-y, faites-en le soin et revenez à ce didacticiel.

Installation du nœud

Tout d'abord, nous allons installer Node.js, qui est un interpréteur Javascript basé sur le moteur Javascript Chrome V8.

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs
sudo apt-get install -y build-essential

Installation de Nginx

Ensuite, nous installerons Nginx, notre proxy inverse.

sudo apt update
sudo apt install nginx

Cela mettra à jour les listes de packages et installera Nginx. Une fois l'installation terminée, nous allons configurer notre projet de noeud.

Initialiser notre projet Keystone

Créez notre projet de noeud. Pour ce faire, créez simplement un nouveau dossier.

mkdir website

Ensuite, nous créerons notre package.jsonfichier. Pour ce faire, lancez simplement npm initvotre terminal, remplissez les champs et répondez " yes" pour confirmer. Une fois le package.jsonfichier créé , nous installerons les modules de nœuds suivants.

sudo npm install -g generator-keystone
sudo npm install -g yo

Une fois le téléchargement terminé, exécutez ce qui suit.

yo keystone

Remplissez les champs obligatoires. Il vous demandera le project name, le template engine, emaille panneau de commande, etc. Si vous ne savez pas quoi sélectionner, les valeurs par défaut seront correctes. Après avoir configuré votre configuration clé de voûte, nous pouvons tester pour voir si notre serveur fonctionne en tapant node keystonepour démarrer votre application. Par défaut, votre application s'exécutera sur localhost, sur le port 3000. Notez que si vous n'avez pas installé MongoDB, une base de données ne sera pas disponible immédiatement pour vous. Vous pouvez apprendre à l'installer plus tard dans le didacticiel.

Voici la disposition de base du répertoire pour Keystone.js:

• /lib - C'est là que vous stockerez vos bibliothèques personnalisées et autres codes.

• /models- C'est ici que vous stockerez les modèles de base de données de votre application. KeystoneJS utilise MongoDB comme fournisseur de base de données.

• /public - C'est là que vos fichiers statiques (CSS, JS, images, etc.) seront stockés.

• /routes/api - C'est là que les contrôleurs API de votre application seront stockés.

• /routes.views - Les contrôleurs de vue d'application seront stockés ici.

• /templates - C'est là que tous les fichiers de modèle de votre application seront stockés.

• /updates - C'est là que vos scripts de migration seront stockés.

• package.json - C'est votre fichier de configuration npm que le générateur a généré pour nous.

• keystone.js - Notre fichier de démarrage principal, nous l'exécutons lorsque nous démarrons le site Web.

Initialisation de notre base de données

Comme mentionné précédemment, notre base de données que nous utiliserons est MongoDB, qui est une base de données NoSQL fiable orientée document. Si vous avez déjà installé MongoDB, vous pouvez ignorer cette section. Sinon, voici comment l'installer sur Ubuntu 16.04.

Importez la clé publique utilisée pour le package mongoDB.

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

Créez le fichier de liste utilisé pour installer le package.

echo "deb [ arch=amd64,arm64 ] http://repo.mongodb.org/apt/ubuntu xenial/mongodb-org/3.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

Mettez à jour vos listes de packages à l'aide de apt.

sudo apt update

Enfin, installez MongoDB.

sudo apt install mongodb-org -y

Une fois cette installation terminée, démarrez MongoDB.

sudo service mongod start

Cela démarrera le processus MongoDB sur le port 27017.

MongoDB sera utilisé tout au long de l'application, et il sera utilisé pour stocker des informations que nous utilisons pour nos modèles, par exemple un Usermodèle. Keystone l'utilise comme base de données de choix et, pour le moment, vous ne pouvez pas utiliser d'autres fournisseurs de bases de données.

Installation de PM2

Il est maintenant temps d'installer PM2 (Process Manager 2.) PM2 est un gestionnaire de processus pour les applications Node.js, sous la forme d'un module npm. Il vous permet de gérer facilement vos applications et de les exécuter en arrière-plan. Parce qu'il est dans NPM, tout ce que nous avons à faire pour l'installer est exécuté comme suit.

sudo npm install pm2 -g

Cela indique à npm de l'installer globalement, afin que nous puissions l'utiliser n'importe où dans notre système.

Exécution / gestion d'une application sur PM2

Plus tôt, nous avons exécuté notre application Web avec node keystone. Avec PM2, c'est un peu différent. Nous exécutons maintenant notre application de nœud avec ce qui suit.

pm2 start keystone.js

Cela ajoutera notre application PM2 à notre liste de processus, et une petite boîte s'affichera pour que vous puissiez voir qu'elle est bien en ligne. Remarquez la case étiquetée idpour votre processus. Gardez cela à proximité, car nous y ferons de nombreuses références plus tard.

Pour voir les journaux de votre application.

pm2 logs [id]

Par exemple, pm2 logs 0s'il s'agit de votre première application PM2.

Pour arrêter votre application Web à tout moment.

pm2 stop [id]

Pour supprimer complètement votre application.

pm2 delete [id]

PM2 a même un tableau de bord de surveillance si vous voulez voir des statistiques de base pour votre application, et vous pouvez y accéder avec cela.

pm2 monit

Cela montrera quelques informations de base telles que l'utilisation de la RAM, l'utilisation du CPU et la disponibilité.

Une excellente fonctionnalité qu'offre PM2 est watching. Essentiellement, l'observation se produit lorsque PM2 détecte automatiquement les modifications apportées à l'un des fichiers du même répertoire que votre fichier de démarrage, et il redémarre automatiquement votre application. Pour l'activer, redémarrez simplement votre application, mais passez-lui un indicateur de surveillance.

pm2 restart [id] --watch

Pour désactiver la surveillance après son activation, il vous suffit d'exécuter à nouveau la même commande et la surveillance sera désactivée.

Dans ce tutoriel, nous allons laisser la veille.

Configuration de votre proxy inverse

Assurez-vous que Nginx est installé. Si pour une raison quelconque, ce n'est pas le cas, reportez-vous aux étapes ci-dessus.

Ajustez vos paramètres de pare-feu. Sur Ubuntu, ufwest le pare-feu officiel. Par défaut, les connexions sont bloquées sur le port 80. Nous devons ajouter une exception pour Nginx sur le port 80, sur lequel notre application Web s'exécutera.

sudo ufw allow 'Nginx HTTP'

Vérifiez que votre serveur Nginx est en cours d'exécution.

systemctl status nginx

Sous la Activesection, si vous voyez active (running), alors vous êtes prêt. Sinon, vous pouvez essayer de redémarrer le service.

systemctl restart nginx

Supprimez le fichier de configuration Nginx par défaut.

sudo rm /etc/nginx/sites-available/default

Créez-en un nouveau et appelez-le simplement node.

sudo nano /etc/nginx/sites-available/node

Collez ce qui suit dans le fichier et remplacez-le example.compar le domaine de votre site Web.

listen 80;

server_name example.com;

    location / {

        proxy_set_header   X-Forwarded-For $remote_addr;

        proxy_set_header   Host $http_host;

        proxy_pass         "http://127.0.0.1:3000";
    }
}

Notez que le proxy_passindique l'adresse IP sur laquelle notre application Keystone s'exécute localement, qui est localhostsur le port 3000. listen 80est le port vers lequel l'application doit être dirigée, qui dans ce cas est le port 80.

Ensuite, nous devons créer un lien symbolique ou un lien symbolique vers un dossier appelé sites-enabled. La différence entre sites-enabledet sites-availableest qu'elle sites-enabledest réellement chargée par Nginx.

sudo ln -s /etc/nginx/sites-available/node /etc/nginx/sites-enabled/node

Maintenant, votre fichier de configuration dans sites-availablesera prêt à être utilisé et il sera chargé à partir de sites-enabled. Pour appliquer la configuration afin qu'elle prenne effet, redémarrez simplement Nginx.

sudo systemctl restart nginx

Enfin, redémarrez votre application PM2

pm2 restart [id]

Vous pouvez maintenant accéder à votre domaine dans un navigateur et vous verrez un Welcome to Keystoneécran, avec un panneau pour vous connecter.

Si vous le voyez, cela signifie que vous avez correctement configuré un serveur Web de production Node.js. Si ce n'est pas le cas, vous avez peut-être mal effectué une étape et vous pouvez revenir en arrière et suivre attentivement chaque étape.

Vous pouvez en savoir plus sur Nginx en visitant leur site Web .

J'espère que vous avez apprécié ce tutoriel, et j'espère que cela vous a aidé à configurer votre propre serveur Web pour la production sur votre Vultr VPS.