Comment installer la pile MERN pour les applications basées sur JS sur Debian 11

La pile MERN se compose de quatre technologies clés : MongoDB, Express, React et Node. Elle est spécialement conçue pour un déploiement plus facile et plus rapide d’applications web full-stack. C’est l’une des structures de développement les plus populaires et les plus conviviales qui t’aide à améliorer tes applications dans une large mesure. La pile MERN te permet de construire une architecture à 3 niveaux (frontend, backend, base de données) entièrement en utilisant JavaScript et JSON.

Dans ce tutoriel, nous allons te montrer comment installer la pile MERN sur Debian 11.

Conditions préalables

  • Un serveur fonctionnant sous Debian 11.
  • Un mot de passe root est configuré sur le serveur.

Démarrage

Avant de commencer, il est recommandé de mettre à jour le cache des paquets de ton système à la dernière version. Tu peux le mettre à jour à l’aide de la commande suivante :

apt-get update -y

Après avoir mis à jour le cache des paquets, installe les autres dépendances requises à l’aide de la commande suivante :

apt-get install gnupg2 curl -y

Une fois que toutes les dépendances requises sont installées, tu peux passer à l’étape suivante.

Installer le serveur MongoDB

MongoDB est une technologie de base de données NoSql et orientée objet utilisée pour le stockage de données volumineuses. Par défaut, MongoDB n’est pas inclus dans le référentiel par défaut de Debian 11. Tu devras donc ajouter le référentiel MongoDB à APT.

Tout d’abord, télécharge et ajoute la clé GPG MongoDB avec la commande suivante :

wget -qO - https://www.mongodb.org/static/pgp/server-4.4.asc | apt-key add -

Ensuite, ajoute le référentiel MongoDB à APT avec la commande suivante :

echo "deb http://repo.mongodb.org/apt/debian buster/mongodb-org/4.4 main" | tee /etc/apt/sources.list.d/mongodb-org-4.list

Ensuite, mets à jour le référentiel et installe le paquet du serveur MongoDB à l’aide de la commande suivante :

apt-get update -y
apt-get install mongodb-org -y

Après l’installation, démarre le service MongoDB et active-le pour qu’il démarre au redémarrage du système.

systemctl start mongod
systemctl enable mongod

Tu peux vérifier la version de MongoDB à l’aide de la commande suivante :

mongod --version

Tu devrais voir la sortie suivante :

db version v4.4.8
Build Info: {
    "version": "4.4.8",
    "gitVersion": "83b8bb8b6b325d8d8d3dfd2ad9f744bdad7d6ca0",
    "openSSLVersion": "OpenSSL 1.1.1k  25 Mar 2021",
    "modules": [],
    "allocator": "tcmalloc",
    "environment": {
        "distmod": "debian10",
        "distarch": "x86_64",
        "target_arch": "x86_64"
    }
}

Après avoir installé MongoDB, tu peux passer à l’installation de Node.js.

Installer Node.js

Node.js te permet d’exécuter JavaScript du côté serveur et en dehors du navigateur. Il utilise un modèle piloté par les événements qui le rend léger pour les applications qui s’exécutent sur des appareils distribués.

Pour installer la dernière version de Node.js, tu dois ajouter le référentiel NodeSource à ton système.

curl -sL https://deb.nodesource.com/setup_16.x | bash -

Une fois le référentiel installé, exécute la commande suivante pour installer la version 16 de Node.js sur ton système :

apt-get install nodejs -y

Une fois l’installation terminée, vérifie la version de Node.js avec la commande suivante :

node --version

Tu devrais voir la sortie suivante :

v16.8.0

Installation de React.JS

React est une bibliothèque JavaScript open-source utilisée pour développer des applications Web frontales. Elle te permet de créer des composants réutilisables pour une interface utilisateur à page unique.

Tu peux installer l’outil create-react-app à l’aide de NPM comme indiqué ci-dessous :

npm install -g create-react-app

Après l’installation, crée une application React avec la commande suivante :

create-react-app reactapp

Tu devrais voir la sortie suivante :

Success! Created reactapp at /root/reactapp
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd reactapp
  npm start

Happy hacking!

Maintenant, change le répertoire en reactapp et démarre l’application à l’aide de la commande suivante :

cd reactapp
npm start 0.0.0.0

Tu devrais voir le résultat suivant :

> [email protected] start
> react-scripts start "0.0.0.0"
Compiled successfully!

You can now view reactapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

Maintenant, ouvre ton navigateur Web et teste ton application React en utilisant l’URL http://your-server-ip:3000. Tu devrais voir la page par défaut de React :

React JS

Appuie sur CTRL+C pour arrêter l’application.

Installation d’Express

Express est un framework Node.js utilisé pour le développement rapide d’applications Web basées sur les nœuds.

Tu peux l’installer à l’aide de la commande NPM comme indiqué ci-dessous :

npm install -g express-generator

Après l’installation, crée une application Express avec la commande suivante :

express mearnapp

Tu devrais voir la sortie suivante :

   create : mearnapp/
   create : mearnapp/public/
   create : mearnapp/public/javascripts/
   create : mearnapp/public/images/
   create : mearnapp/public/stylesheets/
   create : mearnapp/public/stylesheets/style.css
   create : mearnapp/routes/
   create : mearnapp/routes/index.js
   create : mearnapp/routes/users.js
   create : mearnapp/views/
   create : mearnapp/views/error.jade
   create : mearnapp/views/index.jade
   create : mearnapp/views/layout.jade
   create : mearnapp/app.js
   create : mearnapp/package.json
   create : mearnapp/bin/
   create : mearnapp/bin/www

   change directory:
     $ cd mearnapp

   install dependencies:
     $ npm install

   run the app:
     $ DEBUG=mearnapp:* npm start

Maintenant, change le répertoire pour celui de ton application et installe toutes les dépendances de l’application à l’aide de la commande suivante :

cd mearnapp
npm install

Ensuite, démarre l’application à l’aide de la commande suivante :

npm start 0.0.0.0

Tu devrais voir le résultat suivant :

> [email protected] start
> node ./bin/www "0.0.0.0"

Maintenant, ouvre ton navigateur Web et accède à ton application Express en utilisant l’URL http://your-server-ip:3000. Tu devrais voir la page suivante :

Express App

Conclusion

Dans le guide ci-dessus, tu as appris à installer la pile MERN sur Debian 11. Tu peux maintenant utiliser ce cadre pour le développement rapide d’applications Web et mobiles.

Vous aimerez aussi...