nodejs中express框架的简单用法

nodejs中express框架的简单用法

Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架，为 Web 和移动应用程序提供一组强大的功能。

安装

通过 npm init 命令为你的应用创建一个 package.json 文件。

npm init

安装 Express 并将其保存到 package.json依赖列表中

npm install express -save

安装 Express ，不想将它添加到依赖列表中

npm install express --no-save

使用

express会把所有的请求方式都作为方法挂载到app对象中，客户端发送请求并且会执行对应的回调函数,Express 应用使用回调函数的参数： request 和 response 对象来处理请求和响应的数据。

request 和 response 对象的具体介绍：

(1)Request 对象 - request 对象表示 HTTP 请求，包含了请求查询字符串，参数，内容，HTTP 头部等属性。常见属性有：

• req.app：当callback为外部文件时，用req.app访问express的实例
• req.baseUrl：获取路由当前安装的URL路径
• req.body / req.cookies：获得「请求主体」/ Cookies
• req.fresh / req.stale：判断请求是否还「新鲜」
• req.hostname / req.ip：获取主机名和IP地址
• req.originalUrl：获取原始请求URL
• req.params：获取路由的parameters
• req.path：获取请求路径
• req.protocol：获取协议类型
• req.query：获取URL的查询参数串
• req.route：获取当前匹配的路由
• req.subdomains：获取子域名
• req.accepts()：检查可接受的请求的文档类型
• req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages：返回指定字符集的第一个可接受字符编码
• req.get()：获取指定的HTTP请求头
• req.is()：判断请求头Content-Type的MIME类型

(2)Response 对象 - response 对象表示 HTTP 响应，即在接收到请求时向客户端发送的 HTTP 响应数据。常见属性有：

• res.app：同req.app一样
• res.append()：追加指定HTTP头
• res.set()在res.append()后将重置之前设置的头
• res.cookie(name，value [，option])：设置Cookie
• opition: domain / expires / httpOnly / maxAge / path / secure / signed
• res.clearCookie()：清除Cookie
• res.download()：传送指定路径的文件
• res.get()：返回指定的HTTP头
• res.json()：传送JSON响应
• res.jsonp()：传送JSONP响应
• res.location()：只设置响应的Location HTTP头，不设置状态码或者close * response
• res.redirect()：设置响应的Location HTTP头，并且设置状态码302
• res.render(view,[locals],callback)：渲染一个view，同时向callback传递渲染后的字符串，如果在渲染过程中有错误发生next(err)将会被自动调用。callback将会被传入一个可能发生的错误以及渲染后的页面，这样就不会自动输出了。
• res.send()：传送HTTP响应
• res.sendFile(path [，options] [，fn])：传送指定路径的文件 -会自动根据文件extension设定Content-Type
• res.set()：设置HTTP头，传入object可以一次设置多个头
• res.status()：设置HTTP状态码
• res.type()：设置Content-Type的MIME类型

接收GET数据

const express = require('express')
const app = express()
app.get('/', (req, res, next) => {
    let GET = req.query
    console.log(GET)
    res.send("ok")
})
app.listen(8081, () => {
  console.log('port created successfully')
})

接收POST数据

使用body-parser获取前端传送过来的数据

我安装的express版本是4.17.1,直接引用会报错.

4.17.1版本的express没有了bodyParser方法,需要另外安装body-parser模板:于是另外安装了body-parser模板1.5.2版本

(1)下载 body-parser 模块 ： npm install body-parser --save

npm install body-parser  --save

(2)require body-parser 模块（引入），并用一个变量接收（此处栗子变量为 bodyParser ）

(3)将 bodyparser 注册为中间件

• 使用bodyParser.urlencoded(),使node后台支持了第一种请求体.
• 使用bodyParser.json(),使node后台支持了第二种请求体.

后定义的不会覆盖先定义的… 也就是说,这段代码同时支持了这两种请求体. 另外,虽然请求体的格式不同,但是经过node解析后,他们最终得到的都是json格式的对象.

const express = require('express')
const bodyParser = require("body-parser")
const app = express()
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }));
// parse application/json
app.use(bodyParser.json());

// 全局 中间件  解决所有路由的 跨域问题
app.all('*',function (req,res,next) {
    res.header('Access-Control-Allow-Origin','*')
    res.header('Access-Control-Allow-Headers','X-Requested-With,Content-Type')
    res.header('Access-Control-Allow-Methods','GET,POST,OPTIONS')
    next()
})
app.post('/', (req, res, next) => {
    let POST = req.body
    console.log(req.body)
    res.send("ok")
})
app.listen(8081, () => {
  console.log('http://127.0.0.1:8081/')
})

node 命令启动服务,通过postman传参模拟请求.

输出结果:

使用cookie

推荐用加密cookie,Express中使用cookie,我们需要使用cookie-parser模块来实现

1.安装

cnpm install cookie-parser --save

2.引入

var cookieParser = require('cookie-parser')

3.设置中间件

app.use(cookieParser())

如果是加密cookie的中间件的设置,传入一个加密密钥数,app.use(cookieParser(‘12345’))

3.设置cookie

cookieOptions是对cookie的配置,maxAge为失效时间,signed是否加密

res.cookie('name','zhangsan',{maxAge:1000*60*60,signed:true})

3.获取cookie

let name = req.cookie.name

如果是加密cookie获取

let name = req.signedCookies.name

路由处理

//https://xxx.com/user/1.html
//https://xxx.com/user/2.html

const routerUser = express.Router()
app.use("/user", routerUser)
routerUser.get("/1.html", function (req, res) {
  res.send("1")
})
routerUser.get("/2.html", function (req, res) {
  res.send("2")
})

模板适配

注册ejs模板为html页。以.ejs为后缀的模板页，现在的后缀名可以是.html
app.engine(’.html’, require(‘ejs’).__express);
设置视图模板的默认后缀名为.html,避免了每次res.Render(“xx.html”)的尴尬
app.set(‘view engine’, ‘html’);
设置模板文件文件夹
app.set(‘views’, __dirname + ‘/views’);

const express = require('express')
const ejs = require('ejs')
const app = express()
//处理文件,配置静态资源目录
app.use(express.static('./dist'))
//配置模板引擎
app.engine('html',ejs.__express)
app.set('view engine','html')

app.get('/index',(req, res)=>{
    res.render('index',{
        
    })
})
app.listen(8081, () => {
  console.log('http://127.0.0.1:8081/')
})

处理文件,配置静态资源目录

app.use(express.static('./dist'))

处理404

app.use((req, res, next) => {
  //res.sendFile(path.resolve(__dirname, './404.html'))
  res.status(404).render('404',{})
})

希望对你有帮助,有新内容会随时添加.