Comment déployer une application Node.js sur Heroku : 3 étapes

2025 Auteur: John Day | [email protected]. Dernière modifié: 2025-01-13 06:57

Voici comment j'ai déployé mon application NodeJS sur Heroku en utilisant un compte gratuit. Cliquez simplement sur les liens pour télécharger les logiciels nécessaires:

Logiciel utilisé:

VSCode (ou tout éditeur de texte de votre choix)

HerokuCLI

Git

Étape 1: Créer un Package.json

Introduction:

Heroku est un site Web d'hébergement qui permet à ypu de déployer 5 applications gratuitement avec une autonomie de plus de 500 heures par mois. Pour en déployer un, vous devrez importer 3 fichiers:

Un fichier package.json et package-lock.json. Vous pouvez suivre mon autre tutoriel pour un tutoriel étape par étape sur la fabrication d'un en cliquant ici. Le package-lock.json apparaît automatiquement après la création d'un package.json. Puisque nous allons l'exécuter sur herku, sur votre package, fichier json, vous devez spécifier un script de démarrage et la version de votre nœud sur enines. pour l'instant, exécutez la commande node -v. Voici un exemple:

{

"nom": "heroku", "version": "1.0.0", "la description": "", "main": "index.js", "scripts": {

"test": "echo \"Erreur: aucun test spécifié\" && exit 1", "start": "node server.js"

}, "mots clés": , "auteur": "", "licence": "ISC", "moteurs": {

"nœud": "12.x"

}

}

Étape 2: créez votre application Node.js

Étant donné que cette application fonctionnera sur n'importe quel port que Heroku nous donnera, nous devons déterminer le code qu'elle nous donnera en utilisant ce code process.env. PORT. Voici une application node js qui dit "bonjour":

const http = require('http'); //charge la bibliothèque pour lui permettre d'agir en tant que servervar port = process.env. PORT || 5000; // spécifie le numéro de port à ce que heroku donne ou 5000 sur l'hôte local http.createServer(function(req, res){ // crée un serveur res.writeHead(200, {'Content-type':'text/plain'}); // Spécifie que les réponses "bonjour" est un texte res.end("bonjour"); //affiche le texte "bonjour" sur la page web }).listen(port); // attache ce serveur au numéro de port.

Étape 3: Invite de commandes

• Ouvrez votre invite de commande en appuyant sur Windows + R pour ouvrir la boîte « Exécuter », puis tapez « cmd » puis cliquez sur « OK »
• Sur votre CMD, allez à la racine en tapant "cd.." jusqu'à ce qu'aucun chemin ne soit inclus.
• Vérifiez si npm (un gestionnaire de bibliothèque installé par nœud), git et heroku est correctement installé en tapant:

npm --version

git --version heroku --version

Connectez-vous à votre compte Herku

connexion heroku

Cela crée une application sur heroku:

heroku créer

Pour télécharger vos fichiers, vous devez accéder à son chemin en tapant cd

CD

Crée un nouveau référentiel (dossier) sur votre appareil locl pour les éléments de ce chemin

git init

Connectez-vous à distance à un dossier sur heroku via git sur votre application

heroku git:à distance

Copie ce fichier à distance dans votre référentiel git local via git sur votre application

git ajouter.

Enregistrez les modifications que vous avez apportées sur le dossier avec un message de "faire mieux"

git commit -am "améliore les choses"

Télécharge les fichiers dans le dossier git sur heroku. Attendez qu'il se télécharge

git push maître heroku

ouvre l'application

application ouverte heroku