MEAN.JS - Configuration du projet MEAN

Ce chapitre comprend la création et la configuration d'une application MEAN. Nous utilisons NodeJS et ExpressJS ensemble pour créer le projet.

Conditions préalables

Avant de commencer à créer une application MEAN, nous devons installer les prérequis requis.

Vous pouvez installer la dernière version de Node.js en visitant le site Web Node.js à Node.js (ceci est pour les utilisateurs de Windows). Lorsque vous téléchargez Node.js, npm sera installé automatiquement sur votre système. Les utilisateurs Linux peuvent installer le nœud et npm en utilisant ce lien .

Vérifiez la version de Node et npm en utilisant les commandes ci-dessous -

$ node --version
$ npm --version

Les commandes afficheront les versions comme indiqué dans l'image ci-dessous -

Création d'un projet express

Créez un répertoire de projet en utilisant la commande mkdir comme indiqué ci-dessous -

$ mkdir mean-demo //this is name of repository

Le répertoire ci-dessus est la racine de l'application de noeud. Maintenant, pour créer le fichier package.json, exécutez la commande ci-dessous -

$ cd webapp-demo
$ npm init

La commande init vous guidera tout au long de la création d'un fichier package.json -

Cet utilitaire vous guidera tout au long de la création d'un fichier package.json. Il ne couvre que les éléments les plus courants et tente de deviner les valeurs par défaut raisonnables.

See `npm help json` for definitive documentation on these fields and exactly what they do.
Use `npm install --save` afterwards to install a package and save it as a dependency in the package.json file.

Press ^C at any time to quit.
name: (mean-demo) mean_tutorial
version: (1.0.0)
description: this is basic tutorial example for MEAN stack
entry point: (index.js) server.js
test command: test
git repository:
keywords: MEAN,Mongo,Express,Angular,Nodejs
author: Manisha
license: (ISC)
About to write to /home/mani/work/rnd/mean-demo/package.json:

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC"
}

Is this ok? (yes) yes

Cliquez sur Oui et une structure de dossier comme ci-dessous sera générée -

-mean-demo
   -package.json

Le fichier package.json aura les informations suivantes -

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC"
}

Maintenant, pour configurer le projet Express dans le dossier actuel et installer les options de configuration pour le framework, utilisez la commande ci-dessous -

npm install express --save

Accédez au répertoire de votre projet et ouvrez le fichier package.json, vous verrez les informations ci-dessous -

{
   "name": "mean_tutorial",
   "version": "1.0.0",
   "description": "this is basic tutorial example for MEAN stack",
   "main": "server.js",
   "scripts": {
      "test": "test"
   },
   "keywords": [
      "MEAN",
      "Mongo",
      "Express",
      "Angular",
      "Nodejs"
   ],
   "author": "Manisha",
   "license": "ISC",
   "dependencies": {
      "express": "^4.17.1"
   }
}

Ici, vous pouvez voir qu'une dépendance express est ajoutée au fichier. Maintenant, la structure du projet est comme ci-dessous -

-mean-demo
   --node_modules created by npm install
   --package.json tells npm which packages we need
   --server.js set up our node application

Application en cours d'exécution

Accédez au répertoire de votre projet nouvellement créé et créez un fichier server.js avec le contenu ci-dessous.

// modules =================================================
const express = require('express');
const app = express();
// set our port
const port = 3000;
app.get('/', (req, res) ⇒ res.send('Welcome to Tutorialspoint!'));

// startup our app at http://localhost:3000
app.listen(port, () ⇒ console.log(`Example app listening on port ${port}!`));

Ensuite, exécutez l'application avec la commande ci-dessous -

$ npm start

Vous obtiendrez une confirmation comme indiqué dans l'image ci-dessous -

Il informe que l'application Express est en cours d'exécution. Ouvrez n'importe quel navigateur et accédez à l'application en utilisanthttp://localhost:3000. Vous verrez Welcome to Tutorialspoint! texte comme indiqué ci-dessous -