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 -