搭建基于express框架运行环境的方法步骤

发布时间:2020-09-09 06:25:11 作者:面条请不要欺负汉堡
来源:脚本之家 阅读:185

一.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就出现下面文件

搭建基于express框架运行环境的方法步骤

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

3.运行项目

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

(1).合并package.json

搭建基于express框架运行环境的方法步骤

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

执行命令:cnpm install

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

cd server

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

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

搭建基于express框架运行环境的方法步骤

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

三.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');

搭建基于express框架运行环境的方法步骤

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=" rel="external nofollow" stylesheet">
</head>
<body>
  hello,EXpress is very Goods!
</body>
</html>

4.运行项目:node bin/www 

搭建基于express框架运行环境的方法步骤

四.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); //哪些路由规则适用于该路由

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。

推荐阅读:
  1. 如何搭建php运行环境?
  2. express框架下使用session的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

搭建 express 运行环境

上一篇:Python设计模式之原型模式实例详解

下一篇:详解如何理解vue的key属性

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》