La pile MERN est une combinaison de MongoDB, Express, React, Node. Tous sont basés sur Javascript et la pile est utilisée pour créer des applications Web modernes. Il comprend les composants front-end (React), back-end (Node et Express) et de base de données (MongoDB).
MongoDB
MongoDB est un programme de base de données orienté document multiplateforme qui appartient à une famille de NoSQL. NoSQL est différent des bases de données SQL traditionnelles basées sur des tables (MySQL et PostgreSQL), il enregistre les données à l'aide de documents et de collections, puis les stocke au format binaire JSON. Il permet d'apporter des modifications importantes aux bases de données sans temps d'arrêt.
Express
ExpressJS est un framework d'applications Web prédéfini pour NodeJS, il aide à créer des applications Web robustes et évolutives. ExpressJS est conçu pour développer des applications Web modernes d'une seule page, de plusieurs pages et hybrides.
Réagir
ReactJS est une bibliothèque JavaScript open source permettant de créer des interfaces utilisateur réactives. ReactJS est simple à utiliser, rapide et rapide. Il se concentre sur la création d'applications Web naturelles et interactives.
Nœud
NodeJS est un environnement d'exécution Javascript open source qui nous permet de développer des applications Web rapides et évolutives principalement utilisées pour les opérations backend et peut être utilisé avec des frameworks JavaScript frontend comme Angular, React, Vue et autres.
Dans ce tutoriel, nous allons vous montrer comment installer la pile MongoDB, Express, React, Node pour les applications basées sur JS sur Ubuntu 20.04.
Prérequis
- Un serveur avec Ubuntu 20.04. Pour les besoins de ce didacticiel, nous utiliserons l'un de nos VPS Ubuntu 20.04 gérés avec 4 Go de RAM.
- Un accès utilisateur root ou un utilisateur normal avec des privilèges sudo.
- Remarque :Dans ce didacticiel, exécutez toutes les commandes sans "sudo" si vous les exécutez à partir de l'utilisateur root.
Étape 1 :Connectez-vous via SSH et mettez à jour
Connectez-vous à votre VPS Ubuntu 20.04 avec SSH en tant qu'utilisateur root :
ssh sshuser@IP_Address -p Port_number
Remplacez "sshuser" par un utilisateur disposant des privilèges sudo, ou root. De plus, remplacez "IP_Address" et "Port_Number" par l'adresse IP et le port SSH respectifs de votre serveur.
Une fois connecté, vous pouvez vérifier si vous avez la bonne version d'Ubuntu 20.04 installée sur votre serveur avec la commande suivante :
$ lsb_release -a
Vous devriez obtenir ce résultat :
No LSB modules are available.
Distributor ID: Ubuntu
Description: Ubuntu 20.04.2 LTS
Release: 20.04
Codename: focal
Ensuite, exécutez la commande suivante pour vous assurer que tous les packages installés sur le serveur sont mis à jour vers leurs dernières versions disponibles :
$ sudo apt update
Cela garantit la compatibilité entre les packages.
Étape 2 :Installer MongoDB
Nous pouvons installer MongoDB à partir des référentiels officiels de packages logiciels Ubuntu 20.04. Mais, l'équipe MongoDB ne maintient pas cette version et elle est livrée avec la version 3.6.8 de MongoDB. Dans cet article, nous allons installer MongoDB 4.4 qui est la dernière version disponible. Cependant, vous pouvez toujours vérifier si une nouvelle version de MongoDB est disponible sur leur site officiel.
Pour installer MongoDB 4.4 Community Edition sur Ubuntu, nous devons importer la clé publique utilisée par le système de gestion des packages. Nous pouvons le faire avec la commande suivante :
$ echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/4.4 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-4.4.list
$ wget -qO – https://www.mongodb.org/static/pgp/server-4.4.asc | sudo apt-key add –
Après avoir ajouté le référentiel, nous pouvons mettre à jour la base de données de packages locale
$ sudo apt update
Exécutez les deux commandes ci-dessous pour installer, démarrer et activer le serveur MongoDB.
$ sudo apt install mongodb-org* -y
$ sudo systemctl enable --now mongod
Nous pouvons vérifier l'état de MongoDB en exécutant cette commande
$ sudo systemctl status mongod
Continuons avec la création d'un mot de passe pour l'utilisateur MongoDB "admin"
$ sudo mongo
Une fois dans le shell Mongo, exécutez ces commandes.
use admin
db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]}) Avec cette commande, vous allez créer un nouveau mot de passe pour l'utilisateur MongoDB "admin". Veuillez noter que vous ne pouvez pas utiliser le signe « @ » dans le cadre de votre chaîne de mot de passe. Si vous utilisez "@" dans votre mot de passe, vous obtiendrez le message d'erreur "MongoParseError :Autorité de connexion non échappée" lorsque vous tenterez de vous connecter à la base de données à partir de votre application Express.
Tapez quit() pour quitter le shell MongoDB.
quit()
Étape 3 :Installez ExpressJS, React et NodeJS
Pour installer ExpressJS et React, nous devons installer NPM. NPM est un gestionnaire de packages de nœuds, un outil de gestion des dépendances contenant toutes les bibliothèques et autres outils permettant de gérer le développement d'applications JavaScript.
Pour installer NPM, nous pouvons exécuter cette commande :
$ sudo apt install npm -y
Pour vérifier l'installation, nous pouvons vérifier la version de npm via la commande :
$ npm -v
Lors de l'installation de NPM, NodeJS sera également installé automatiquement. Ainsi, vous n'avez pas besoin d'invoquer une commande pour installer NodeJS. Pour vérifier que NodeJS est installé, vous pouvez exécuter cette commande :
$ node -v
Passons à l'étape suivante
Installer l'outil Create-React-App
Pour les débutants, create-react-app aidera à installer tous les outils nécessaires pour créer des applications React. Pour installer create-react-app, nous pouvons exécuter cette commande :
$ sudo npm install -g create-react-app
Passons maintenant à la création d'une application à l'aide de create-react-app
$ create-react-app myfirstapp
La commande créera un répertoire nommé "myfirstapp" dans votre répertoire de travail actuel. Une fois terminé, vous verrez un message comme celui-ci :
Success! Created myfirstapp at /home/master/myfirstapp 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 myfirstapp npm start
Commençons l'application maintenant
$ cd myfirstapp
$ npm start
Vous verrez un message comme indiqué dans l'image ci-dessous
Vous pouvez maintenant ouvrir le lien affiché dans l'image ou http://YOUR_SERVER_IP_ADDRESS:3000 en utilisant n'importe quel navigateur Web de votre choix, vous verrez quelque chose comme ceci :
Pour arrêter l'application sur le port 300, appuyez simplement sur CTRL + C sur votre clavier.
ExpressJS
Après avoir installé React, nous pouvons procéder à l'installation d'ExpressJS.
$ cd ~ && sudo npm install -g express-generator
Créons un nouveau projet à l'aide d'ExpressJS :
$ express myfirstexpressapp
Après avoir exécuté la commande, nous verrons le message et nous devrons entrer dans le répertoire myfirstexpressapp pour exécuter l'application.
$ cd myfirstexpressapp
$ npm start
Maintenant, ouvrez votre navigateur et accédez à http://YOUR_SERVER_IP_ADDRESS:3000
C'est ça! Vous avez installé avec succès MongoDB, Express.js, React.js et Node.js, vous pouvez continuer à créer votre application à l'aide de la pile MERN.
Bien sûr, vous n'avez pas besoin de savoir comment installer la pile MERN pour les applications basées sur JS sur Ubuntu 20.04 si vous avez un plan d'hébergement Linux VPS géré Ubuntu 20.04 VPS hébergé chez nous. Si vous le faites, vous pouvez simplement demander à notre équipe d'assistance d'installer la pile MERN sur Ubuntu 20.04 pour vous. Ils sont disponibles 24h/24 et 7j/7 et pourront vous aider avec l'installation de la pile MERN, ainsi que toutes les exigences supplémentaires que vous pourriez avoir.
PS. Si vous avez apprécié la lecture de cet article de blog sur l'installation de la pile MERN sur Ubuntu 20.04, n'hésitez pas à le partager sur les réseaux sociaux en utilisant les raccourcis ci-dessous ou simplement en laissant un commentaire dans la section des commentaires. Merci.