Installer un serveur node.js en ligne avec Heroku


htmlcss

Heroku  est un site web permettant l'hébergement de votre serveur node.js en ligne.

Etapes de mise en ligne pas à pas :

Avant de commencer:

Etape n°1 (Récupération du programme exemple ==> si cela n'est pas déjà fait)

Récupérer et décompresser p5jserver à la racine de D:

Puis apporter les modifications suivantes à à votre code :

var express = require('express');
var app = express();
// Le serveur est disponible à partir du port 3000
var server = app.listen(3000);

devient

var express = require('express');
var app = express();
//var server = app.listen(3000);
const PORT = process.env.PORT || 5000
// heroku gère l'attribution du port à l'application
var server = app.listen(PORT, () => console.log(`Listening on ${ PORT }`))

Etape n°2 (Installation des dépendances nécéssaires ==> si cela n'est pas déjà fait)

Ouvrez une fenêtre de commande windows (cmd) et positionnez vous dans le répertoire D:/p5jserver

cd CHEMIN_DU_REPERTOIRE_p5jserver

puis

d:

Dans la suite D:\p5jserver correspond au chemin d'accès à p5jserver utilisé lors de mon installation. Ce chemin peut être différent pour votre installation.

Puis lancer l'installation des paquetages nécéssaires à votre application :

D:\p5jserver> npm install

Etape n°3 (Test de l'application sur le serveur node local)

Lancer votre serveur :

D:\p5jserver> node server.js

Puis dans votre navigateur taper dans la barre d'adresse : localhost:5000

Vous devriez normalement accéder à votre application. Testez là !

Etape n°4 (Installation du gestionnaire de version)

Pour transférer notre serveur sur le site Heroku, ce dernier utilise le gestionnaire de version Git

Il s'agit d'un programme permettant de gérer les différentes versions de votre programme et les fichiers associés.

Pour installer git effectuez les commandes ci-dessous:

D:\p5jserver>git config --global user.name "VOTRENOM"
D:\p5jserver> git config --global user.email VOTRE_EMAIL_COMPTE_HEROKU
D:\p5jserver>git init
D:\p5jserver>git add . // Attention le point . est important)
D:\p5jserver>git commit -m "Version n°1"

Etape n°5 (Création d'un compte sur la plateforme Heroku)

Créer vous un compte sur la platforme heroku.

Etape n°6 (connexion sur Heroku depuis la console)

Ouvrez la console de commande windows (cmd.exe ou Powershell)

Placez vous dans le répertoire de votre projet p5jserver si ce n'est pas déjà fait

Puis connectez vous sur Heroku :

D:\p5jserver> heroku login
Enter your Heroku credentials.
Email: VOTRE_EMAIL_COMPTE_HEROKU
Password: VOTRE_MOT_DE_PASSE

Etape n°7 (Transfert de votre programme sur un serveur Heroku)

Une fois connecté tapez les commandes suivantes :

D:\p5jserver>heroku create
D:\p5jserver>git push heroku master
D:\p5jserver>heroku ps:scale web=1

Etape n°8 (Lancement de votre serveur et test)

Si toutes les étapes précédentes ont été fructueuse, il ne vous reste plus qu'à taper :

D:\p5jserver>heroku open

Ce qui doit ouvrir votre navigateur avec une adresse du style : https://shrouded-hollows-39440.herokuapp.com/

Si votre serveur ne fonctionne pas, il vous faudra aller voir dans les logs de Heroku les messages d'erreurs éventuelles.

heroku logs --tail

Etape n°9

Si vous faîtes des modifications au niveau d’un de vos fichers (par exemple server.js) :

D:\p5jserver>git commit server.js -m "Version n°2"
D:\p5jserver>git push heroku master

Etape n°10

Création d'un fichier Procfile ?????????? A creuser ??????????? :

fichier Procfile web: node server.js

Ressources à disposition :

  1. Documentation Heroku
  2. exemple p5jserver sur Heroku

CC BY NC SA  ( Christophe Béasse - Octobre 2017 )