您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息

聊聊nodejs中的get/post请求和中间件

2024/4/25 13:50:46发布5次查看
本篇文章带大家了解一下node.js中的热重启、get请求、post请求和中间件,希望对大家有所帮助!
一、node热重启1.安装
npm i nodemon
2.运行启动
nodemon .bin/www
二、关于get请求一般在网站开发中,get都用作数据获取和查询,类似于数据库中的查询操作,当服务器解析前台资源后即传输相应内容;而查询字符串是在url上进行的,形如:
http://localhost:8080/login?goods1=0001&goods2=0002
获取前台get请求通过req.query可以获得用户发送的get请求,之后通过node操作将相应数据返回给用户。
如果发送的是:
http://localhost:8080/login?goods1=0001&goods2=0002
响应的话则通过:
req.query
他会获取到全部数据,或
req.query.goods1req.query.goods2
来单独或去每一个数据。总之不同的需求对应不同的业务,大家按自己的需要来获取;
实例下面通过一个实例来对获取get参数进行一个总结:
html:
<!doctype html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="http://localhost:8080/login" method="get"> 用户: <input type="text" name="user" id="user" placeholder="用户名"/> <br> 密码: <input type="password" name="password" id="password" placeholder="密码"/> <br> <input type="submit" value="提交"/> </form> </body></html>
node:
const express = require("express");var app = express();app.get("/",function(req,res){ res.send("主页");});app.get("/login",function(req,res){ console.log(req.query); res.send("登录路由,user为:"+req.query.user+"==> password为:"+req.query.password);});app.listen(8080);
三、关于post请求post方法作为http请求很重要的一部分,几乎所有的网站都有用到它,与get不同,post请求更像是在服务器上做修改操作,它一般用于数据资源的更新。 相比于get请求,post所请求的数据会更加安全。上一章中我们发现get请求会在地址栏显示输入的用户名和密码(有中文时会转化为base64加密),而post请求则会将数据放入http包的包体中,这使得别人无法直接看到用户名和密码!
express如何设置post请求1.首先我们得知道在form表单进行post请求,enctype属性一般设置为“application/x-www-form-urlencoded”,如果设置成multipart/form-data,则多用于文件上传,如下:
<form action="#" method="post" enctype="application/x-www-form-urlencoded"></form>
2.设置解析body中间件
app.use(express.urlencoded())
3.获取body数据
req.body.username
登陆案例:html:
<!doctype html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>document</title></head><body> <h1>登陆</h1> <form action="/login" method="post"> <div> 用户名:<input type="text" name="username"> </div> <div> 密码:<input type="password" name="password"> </div> <button>登陆</button> </form> </body></html>
app.js
var express = require('express');var path = require('path')var app = express();var sqlquery = require('./lcmysql')// view engine setupapp.set('views', path.join(__dirname, 'views'));app.set('view engine', 'ejs');app.use(express.static(path.join(__dirname, 'public')));//解析post提交的数据app.use(express.urlencoded())//搜索首页app.get('/',(req,res)=>{ res.render('index.ejs')})//登陆页app.get('/login',(req,res)=>{ res.render('login')})//处理登陆请求app.post('/login',async (req,res)=>{ //获取用户名和密码 let username = req.body.username let password = req.body.password //查询数据库是否由此用户名和密码 let sqlstr = 'select * from user where username = ? and password = ?'; let arr = [username,password]; let result = await sqlquery(sqlstr,arr) if(result.length == 0 ){ res.send("登陆失败") }else{ res.send("登陆成功") }})module.exports = app;
四、中间件从字面意思,我们可以了解到它大概就是做中间代理操作,事实也是如此;大多数情况下,中间件就是在做接收到请求和发送响应中间的一系列操作。事实上,express是一个路由和中间件的web框架,express 应用程序基本上是一系列中间件函数的调用。
1.浏览器发送请求
2.express接受请求
中间处理的过程
3.路由函数处理渲染(req,res)
4.res.render渲染
中间件函数可以执行以下任务:
执行任何代码。对请求和响应对象进行更改。结束请求/响应循环。调用堆栈中的下一个中间件函数。中间件也分为应用层中间件、路由中间件、内置中间件、错误处理中间件和第三方中间件。下面分别对以下进行说明:
1.应用层中间件应用级中间键绑定到app对象使用app.use和app.method()-需要处理http请求的方法,例如get、put、post,将之前的get或者post替换为use就行。 例如下面实例:
const express=require("express");var app=express();//匹配路由之前的操作app.use(function(req,res,next()){ console.log("访问之前");});app.get("/",function(req,res){ res.send("主页");});app.listen(8080);
这时我们会发现http://localhost:8080/地址一直在加载,但命令行里显示了“访问之前”,说明程序并不会同步执行,如果使用next来是路由继续向下匹配,那么就能又得到主页数据了:
const express=require("express");var app=express();//匹配路由之前的操作app.use(function(req,res,next){ console.log("访问之前"); next();});app.get("/",function(req,res){ res.send("主页");});app.listen(8080);
当然也可以简化写法:
const express=require("express");var app=express();app.use(function(req,res,next){ console.log("访问之前"); next();},function(req,res){ res.send("主页");});app.listen(8080);
因此,在进行路由匹配之前或再录又要继续向下执行时想做个操作,那么应用层中间件无疑是好的选择。
2.路由中间件路由级中间件和应用级中间件类似,只不过他需要绑定express.router();
var router = express.router()
在匹配路由时,我们使用 router.use() 或 router.verb() ,路由中间件结合多次callback可用于用户登录及用户状态检测。
const express = require("express");var app = express();var router=express.router();router.use("/",function(req,res,next){ console.log("匹配前"); next();});router.use("/user",function(req,res,next){ console.log("匹配地址:",req.originalurl); next();},function(req,res){ res.send("用户登录");});app.use("/",router);app.listen(8080);
总之在检测用户登录和引导用户应该访问哪个页面是,路由中间件绝对好用。
3.错误处理中间件顾名思义,它是指当我们匹配不到路由时所执行的操作。错误处理中间件和其他中间件基本一样,只不过其需要开发者提供4个自变量参数。
app.use((err, req, res, next) => { res.sendstatus(err.httpstatuscode).json(err);});
一般情况下,我们把错误处理放在最下面,这样我们即可对错误进行集中处理。
const express=require("express");var app=express();app.get("/",function(req,res,next){ const err=new error('not found'); res.send("主页"); next(err);});app.use("/user",function(err,req,res,next){ console.log("用户登录"); next(err);},function(req,res,next){ res.send("用户登录"); next();});app.use(function(req,res){ res.status(404).send("未找到指定页面");});app.listen(8080);
4.内置中间件从版本4.x开始,express不再依赖content,也就是说express以前的内置中间件作为单独模块,express.static是express的唯一内置中间件。
express.static(root, [options]);
通过express.static我们可以指定要加载的静态资源。
5.第三方中间件形如之前我们的body-parser,采用引入外部模块的方式来获得更多的应用操作。如后期的cookie和session。
var express = require('express');var app = express();var cookieparser = require('cookie-parser');
以上就是关于express中间件类型,在实际项目中,中间件都是必不可少的,因此熟悉使用各种中间件会加快项目的开发效率。
更多node相关知识,请访问:nodejs 教程!!
以上就是聊聊nodejs中的get/post请求和中间件的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录