MERN est une pile populaire qui comprend MongoDB, Express, React, NodeJS. Cette pile est basée sur JavaScript et est utilisée pour créer des applications Web modernes et évolutives. Il est composé des composants front-end (React), back-end (Node et Express) et de base de données (MongoDB).
Chez LinuxAPT, dans le cadre de nos services de gestion de serveur, nous aidons régulièrement nos clients à effectuer des requêtes de configuration MongoDB associées.
Dans ce contexte, nous verrons comment installer MERN Stack sur Ubuntu 20.04.
Étapes pour installer et configurer les applications basées sur MERN Stack ou JS sur Ubuntu 20.04
1. Installez MongoDB
MongoDB est un programme de base de données multiplateforme orienté document qui fait partie de la famille NoSQL. NoSQL diffère des bases de données SQL traditionnelles basées sur des tables en ce qu'il enregistre les données au format JSON binaire à l'aide de documents et de collections. Cela permet d'apporter des modifications importantes aux bases de données sans temps d'arrêt.
MongoDB est disponible dans le référentiel officiel Ubuntu mais pas dans la dernière version. Au moment d'écrire ces lignes, la dernière version de MongoDB disponible au téléchargement est la 5.0.
Pour installer MongoDB 5.0 Community edition sur Ubuntu 20.04, nous devons d'abord importer et la clé GPG avec la commande ci-dessous :
$ wget -qO - https://www.mongodb.org/static/pgp/server-5.0.asc | sudo apt-key add -
Ensuite, ajoutez le référentiel MongoDB au gestionnaire de packages APT avec la commande :
$ echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/5.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-5.0.list
Ensuite, mettez à jour votre référentiel de packages Ubuntu :
$ sudo apt update
Ensuite, installez MongoDB avec la commande :
$ sudo apt install mongodb-org* -y
Une fois l'installation terminée, démarrez et activez MongoDB pour qu'il s'exécute automatiquement au démarrage du système. Exécutez la commande :
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
Pour vérifier que l'installation a réussi, exécutez la commande suivante pour vérifier l'état de MongoDB :
$ sudo systemctl status mongod
Vous verrez que le service MongoDB est maintenant opérationnel.
2. Créer un utilisateur administrateur MongoDB
Créons maintenant un utilisateur Admin pour la base de données. Connectez-vous à MongoDB avec la commande :
$ sudo mongo
Une fois connecté au shell Mongo, exécutez ces commandes pour créer et définir un mot de passe pour l'utilisateur administrateur :
$ use admin
$ db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]})
Quittez le shell Mongo avec la commande :
$ exit
3. Installez NodeJS
Node.js est un environnement d'exécution Javascript open source et multiplateforme qui nous permet de créer des applications côté serveur rapides et évolutives. Node.js est généralement utilisé avec des frameworks frontaux JavaScript tels que React, Vue et Angular.
Tout comme MongoDB, la dernière version de Node.js n'est pas disponible dans le référentiel de packages par défaut d'Ubuntu. Vous devez ajouter le référentiel source Node aux packages système avec la commande ci-dessous :
$ curl -sL https://deb.nodesource.com/setup_14.x | bash -
Une fois le référentiel ajouté, procédez à l'installation de Node.js avec la commande :
$ sudo apt-get install nodejs -y
Ensuite, vérifiez la version de Node.js avec la commande :
$ node --version
Vous pouvez également vérifier la version de npm installée. NPM est un gestionnaire de packages de nœuds qui contient toutes les bibliothèques et autres outils pour le développement d'applications JavaScript. Exécutez la commande :
$ npm --version
4. Installez ReactJS
ReactJS est une bibliothèque JavaScript permettant de créer des interfaces utilisateur modernes et réactives.
Tout d'abord, vous devez installer l'outil create-react-app à l'aide du gestionnaire de packages npm. Create-react-app installe les outils nécessaires pour créer et exécuter une application React. Exécutez la commande :
$ npm install -g create-react-app
Vous êtes maintenant prêt à créer une application React.js. Exécutez la commande :
$ create-react-app my-app
Rendez-vous ensuite dans le répertoire my-app afin de lancer l'application ReactJS avec la commande :
$ cd my-app
$ npm start 0.0.0.0
Ensuite, ouvrez votre navigateur Web et accédez à React en utilisant l'adresse suivante :
http://your-server-ip:3000
5. Installez ExpressJS
ExpressJS est un cadre d'application Web minimal pour NodeJS, qui comprend des fonctionnalités robustes pour les applications mobiles et Web modernes. Après avoir installé React, nous pouvons maintenant installer le générateur express :
$ npm install -g express-generator
Ensuite, créez une nouvelle application express avec la commande :
$ express new-app
Ensuite, accédez au répertoire de votre projet et installez toutes les dépendances NPM en exécutant la commande suivante :
$ cd new-app
$ npm install
Maintenant, démarrez le serveur Web Express à l'aide de la commande suivante :
$ npm start 0.0.0.0
Pour accéder à votre application Express, ouvrez votre navigateur Web et accédez à l'adresse :
http://your-server-ip:3000