MEAN.JS - Configurazione del progetto MEAN

Questo capitolo include la creazione e l'impostazione di un'applicazione MEAN. Stiamo usando NodeJS ed ExpressJS insieme per creare il progetto.

Prerequisiti

Prima di iniziare con la creazione di un'applicazione MEAN, è necessario installare i prerequisiti richiesti.

È possibile installare l'ultima versione di Node.js visitando il sito Web di Node.js all'indirizzo Node.js (questo è per gli utenti Windows). Quando scarichi Node.js, npm verrà installato automaticamente sul tuo sistema. Gli utenti Linux possono installare Node e npm utilizzando questo collegamento .

Controlla la versione di Node e npm utilizzando i seguenti comandi:

$ node --version
$ npm --version

I comandi visualizzeranno le versioni come mostrato nell'immagine sottostante -

Creazione di Express Project

Crea una directory del progetto utilizzando il comando mkdir come mostrato di seguito -

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

La directory sopra è la radice dell'applicazione del nodo. Ora, per creare il file package.json, esegui il comando seguente:

$ cd webapp-demo
$ npm init

Il comando init ti guiderà attraverso la creazione di un file package.json -

Questa utility ti guiderà attraverso la creazione di un file package.json. Copre solo gli elementi più comuni e cerca di indovinare valori predefiniti ragionevoli.

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

Fare clic su Sì e verrà generata una struttura di cartelle come di seguito:

-mean-demo
   -package.json

Il file package.json avrà le seguenti informazioni:

{
   "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"
}

Ora per configurare il progetto Express nella cartella corrente e installare le opzioni di configurazione per il framework, utilizzare il comando seguente:

npm install express --save

Vai alla directory del tuo progetto e apri il file package.json, vedrai le informazioni seguenti:

{
   "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"
   }
}

Qui puoi vedere che la dipendenza espressa viene aggiunta al file. Ora, la struttura del progetto è la seguente:

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

Applicazione in esecuzione

Passa alla directory del tuo progetto appena creato e crea un file server.js con i contenuti seguenti.

// 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}!`));

Quindi, esegui l'applicazione con il comando seguente:

$ npm start

Riceverai una conferma come mostrato nell'immagine qui sotto -

Informa che l'applicazione Express è in esecuzione. Apri qualsiasi browser e accedi all'applicazione utilizzandohttp://localhost:3000. Vedrai Benvenuto in Tutorialspoint! testo come mostrato di seguito -