搭建基于express框架运行环境

分手后的思念是犯贱 2021-09-15 13:30 276阅读 0赞

一.Express简介

Express提供了一个轻量级模块，把Node.js的http模块功能封装在一个简单易用的接口中。Express也扩展了http模块的功能，使你轻松处理服务器的路由、响应、cookie和HTTP请求的状态。使用Express可以充当Web服务器。

二.搭建基于express框架运行环境  开发后端的node服务

1.安装express

① 安装全局变量 npm install express-generator -g （全局变量会在C盘node文件下）

②查看安装成功:express -version

2.通过生成器自动创建项目

找到项目安装地址： 执行 express server就出现下面文件

![2018061014595396][]

在这个目录下安装express：  npm install express --save    因为全局安装express没可能没安装全

3.运行项目

注意：因为我这边是为了方便演示练手，所以我没有进行前后端分析，所以我 express搭建的package.json 与vue搭建package.json进行合并

(1).合并package.json

![20180610152154189][]

(2).在项目vue-nodesel下安装依赖包

执行命令：cnpm install

(3).进入express安装的项目server

cd server

(4).运行项目：node bin/www

在浏览器中输入 http://localhost:3000或是http://127.0.0.1:3000/

![20180610152735533][]

如图所示，我们已经访问成功了。

三.express + Ejs实现一个简单的WebServer

1.在项目vue-nodesel，安装ejs

cnpm install ejs --save

2.在express安装的项目server中app.js引入

var ejs = require('ejs')
    app.engine('.html',ejs._express);
    app.set('view engine', 'html');

![2018061015522414][]

3.在express安装的项目server中 views创建index.html

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Examples</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="" rel="stylesheet">
    </head>
    <body>
        hello,EXpress is very Goods!
    </body>
    </html>

4.运行项目：node bin/www

![20180610155708609][]

四.express开启web服务整体流程

--》1.server.js 利用express开启web服务器
    		//1.导入express,mongoose模块
    			const express= require('express')
    		//2利用express对象创建一个application对象 
    			const app = express()
    		
    		
    		//4.路由   路由的引用操作 如：
    			//4.1路由的引用
    			const userRouter = require('./user')
    			//4.2使用use 开启中间件
    			app.use('/user',userRouter);
    
    
    			//开发注意事项:路由引用到在app.listen之前
    
    			
    		//3.监听端口并访问 利用app.listen()监听端口
    			app.listen(9093,() =>{
    				console.log("服务器已经运行，请打开浏览器，输入：http://localhost:9093/ 来")
    			})
    
    --》2.路由规则放入到一个js文件中,写好相应的代码,并且暴露出去
    		如：路由user.js
    		//1.引入express模块 使用router对象 
    			const express = require('express');
    		//2.创建一个路由
    		const route = express.Router(); 
    		
    		//4.在这里面做数据的增删改操作   路由的处理...
    		
    		//3.将创建的路由对象暴露出去
    		module.exports = route; 
    
    --》3.在server.js中,导入对应的路由(user.js),并且调用app.use方法使用即可
    		就是1中的第4步骤
    			const route = require('路由的路径');
    			app.use('路由规则',route); //哪些路由规则适用于该路由

[2018061014595396]: /images/20210813/9053f7d9163441f998ee568e8136a03b.png
[20180610152154189]: /images/20210813/5b60364521174af396caac0b63f8a7e1.png
[20180610152735533]: /images/20210813/0e85a406b12f4a9ab2ad4189b370da59.png
[2018061015522414]: /images/20210813/cddfb5a27d5c4785b22234691915bce9.png
[20180610155708609]: /images/20210813/9fde4ec840ba4a359bd7a926d54bcc66.png