最新要闻
- 女医明妃传原型是谁?女医明妃传演员表
- 冒险岛怎么删除角色?冒险岛怎么提升面板?
- 高考穿什么衣服寓意好?高考穿什么衣服吉利?
- 红海行动是根据哪个真实事件改编的?红海行动真实事件原型
- 女娲传说之灵珠大结局是什么?女娲传说之灵珠演员表介绍
- 福州一中地址在哪里?福州一中录取分数线2022
- 还转投N卡阵营吗?国内AMD RX7900 XT货源开始变多 7599元起
- 最新资讯:本田真爱粉狂喜 全新思域两厢版上市:手动挡卖到16万
- 三只松鼠年货坚果礼盒大促:109立减60元 49包邮到手
- 高分天气应用Dark Sky即将关闭:苹果呼吁用户使用自带天气
- 天天新资讯:谷爱凌再创一新世界纪录:反脚1260板尾抓板女子世界第一
- 影响力无敌!梅西夺冠帖点赞量成Instagram史上第一:球衣被抢光
- 最纯净的国产手机系统!博主实测努比亚Z50系统广告默认关闭:世界清净了
- 环球观焦点:当AI作画入侵鬼畜区
- 全球时讯:不适合中国观众 只有《流浪地球2》?出品方:《阿凡达2》没理由不引进
- 质感绝了!一加11海外官宣:2月7日登场
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
当前热点-彩虹女神跃长空,Go语言进阶之Go语言高性能Web框架Iris项目实战-JWT和中间件(Middleware)的使用EP07
前文再续,上一回我们完成了用户的登录逻辑,将之前用户管理模块中添加的用户账号进行账号和密码的校验,过程中使用图形验证码强制进行人机交互,防止账号的密码被暴力破解。本回我们需要为登录成功的用户生成Token,并且通过Iris的中间件(Middleware)进行鉴权操作。
(资料图)
Iris模板复用
在生成Token之前,首先我们需要对项目的模板进行优化改造,目前存在的页面模板有三块,分别是:首页模板(index.html)、登录页模板(signin.html)、后台用户管理页模板(/admin/user.html),虽然页面并不多,但不难发现,有很多重复的代码,比方说,首页模板和登录页模板都有公共的头部导航菜单,没必要每个模板都写一遍相同的代码,再比如,三块模板都会有axios的封装逻辑,也没必要三块模板封装三次,除此之外,以后模板多了,不做复用,就会出现维护困难的问题。
首先提取页面模板的公共部分,比如头部导航,在views目录建立header.html:
随后,在需要头部导航的模板进行引入操作,比如修改signin.html:
${ render "header.html" }
注意,使用${}是为了避免和前端的Vue.js标签冲突。
同样地,将封装axios.js逻辑单独抽取出来myaxios.html:
<script> const myaxios = function (url, type, data = {}) { return new Promise((resolve) => { if (type === "get" || type === "delete") { axios({ method: type, url: url, params: data }).then((result) => { resolve(result.data); }); } else { const params = new URLSearchParams(); for (var key in data) { params.append(key,data[key]); } axios({ method: type, url: url, data:params }).then((result) => { resolve(result.data); }); } }); } </script>
然后在需要的地方进行引入操作:
${ render "myaxios.html" }
如此,我们只需要维护模板的公共部分即可。
修改后,项目的结构如下:
. ├── README.md ├── assets │ ├── css │ │ └── style.css │ └── js │ ├── axios.js │ └── vue.js ├── database │ └── database.go ├── favicon.ico ├── go.mod ├── go.sum ├── handler │ ├── admin.go │ └── user.go ├── main.go ├── model │ └── model.go ├── mytool │ └── mytool.go ├── tmp │ └── runner-build └── views ├── admin │ └── user.html ├── admin_header.html ├── header.html ├── index.html ├── myaxios.html ├── signin.html └── test.html
JWT生成逻辑
JSON Web Token (JWT)是一个互联网应用的开放标准(RFC 7519),它定义了一种紧凑的、自包含的方式,用于作为JSON对象在各方之间安全地传输信息,这种信息可以被验证和信任,因为它是数字签名的。
说白了,登录成功以后,生成一个 JSON 对象,返回给前端,就像下面这样:
{ "uid":1 }
这之后,用户与服务端通信的时候,所有请求都要带着这个JSON 对象。服务器完全只靠这个对象认定用户身份。为了防止JSON对象被篡改,服务器在生成这个对象的时候,会加上签名,变成这种模样:
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJVaWQiOjEsImlhdCI6MTY2MTg0MjYxMCwiZXhwIjoxNjYxODQ1NjEwfQ.BXK9awvVCk7L3JAnDGt9z6U9TOjPCpI0AcHRu1eq_mo
这玩意就是普遍意义上的Token,俗称“令牌”。
在我们的项目中,需要为登录校验通过的账号生成Token,首先安装jwt包:
go get -u github.com/kataras/iris/v12/middleware/jwt
随后修改本地的工具包mytool.jwt:
package mytool import ( "crypto/md5" "fmt" "io" "time" "github.com/dchest/captcha" "github.com/kataras/iris/v12" "github.com/kataras/iris/v12/middleware/jwt" ) var SigKey = []byte("signature_hmac_secret_shared_key") type PlayLoad struct { Uid uint } func GenerateToken(uid uint) string { signer := jwt.NewSigner(jwt.HS256, SigKey, 50*time.Minute) claims := PlayLoad{Uid: uid} token, err := signer.Sign(claims) if err != nil { fmt.Println(err) } s := string(token) return s }
众所周知,Token由三部分组成:头部、载荷以及秘钥。这里SigKey字符为签名秘钥,PlayLoad结构体为载荷信息,这里通过签名生成一个字符格式的token,注意返回前端时,需要强转为字符串。
需要注意的是,生成签名时使用的是HS256算法,同时为了确保安全性,token设置生命周期,这里为50分钟。
随后修改用户登录逻辑,将生成好的token返回给前端:
//登录动作 func Signin(ctx iris.Context) { ret := make(map[string]interface{}, 0) cid := ctx.PostValue("cid") code := ctx.PostValue("code") if captcha.VerifyString(cid, code) == false { ret["errcode"] = 2 ret["msg"] = "登录失败,验证码错误" ctx.JSON(ret) return } db := database.Db() defer func() { _ = db.Close() }() Username := ctx.PostValue("username") Password := ctx.PostValue("password") user := &model.User{} db.Where(&model.User{Username: Username, Password: mytool.Make_password((Password))}).First(&user) if user.ID == 0 { ret["errcode"] = 1 ret["msg"] = "登录失败,账号或者密码错误" ctx.JSON(ret) return } token := mytool.GenerateToken(user.ID) fmt.Println(token) ret["errcode"] = 0 ret["msg"] = "登录成功" ret["username"] = user.Username ret["token"] = token ctx.JSON(ret) }
前端接收的返回值为:
{ "errcode": 0, "msg": "登录成功", "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJVaWQiOjEsImlhdCI6MTY2MTg0MzI5MSwiZXhwIjoxNjYxODQ2MjkxfQ.547z3nv4qj2-UeHTzfeG_qSsnFZD2DFyCP9gNZ-QiHA", "username": "123" }
随后前端收到token后,将其存储localstorage,然后跳转到后台页面:
//登录请求 signin:function(){ this.myaxios("http://localhost:5000/signin/","post",{"username":this.username,"password":this.password,"cid":this.cid,"code":this.code}).then(data => { console.log(data) alert(data.msg); localStorage.setItem("token",data.token); window.location.href = "/admin/user/" }); }
localStorage存储是永久的,如果对安全性要求较高,可以采用sessionStorage,token生命周期就会跟随浏览器进程,但之前设置的token生命周期就没意义了,各有利弊,各自权衡。
中间件(Middleware)鉴权
所谓中间件,是一类提供系统软件和应用软件之间连接、便于软件各部件之间的沟通的软件,应用软件可以借助中间件在不同的技术架构之间共享信息与资源。
说白了,就是在所有需要鉴权的接口前面加一层逻辑,便于批量管理和控制:
verifier := jwt.NewVerifier(jwt.HS256, mytool.SigKey) verifyMiddleware := verifier.Verify(func() interface{} { return new(mytool.PlayLoad) })
这里声明中间件变量verifyMiddleware,该变量会返回一个载荷结构体对象。
随后,为所有的后台接口、包括后台模板添加中间件:
adminhandler := app.Party("/admin") adminhandler.Use(verifyMiddleware) adminhandler.Get("/userlist/", handler.Admin_userlist) adminhandler.Delete("/user_action/", handler.Admin_userdel) adminhandler.Put("/user_action/", handler.Admin_userupdate) adminhandler.Post("/user_action/", handler.Admin_useradd) adminhandler.Get("/user/", handler.Admin_user_page)
如此,所有后台操作都需要中间件的鉴权操作。
换句话说,如果请求地址中没有token或者token不合法,就不会返回正常数据。
访问:http://localhost:5000/admin/user 如图所示:
如果带着token:
当然了,之后所有的后台请求都需要携带token,所以改造上面封装的myaxios.html:
<script> var mytoken = localStorage.getItem("token"); const myaxios = function (url, type, data = {}) { return new Promise((resolve) => { if (type === "get" || type === "delete") { axios({ method: type, url: url+"?token="+mytoken, params: data }).then((result) => { resolve(result.data); }); } else { const params = new URLSearchParams(); for (var key in data) { params.append(key,data[key]); } axios({ method: type, url: url+"?token="+mytoken, data:params }).then((result) => { resolve(result.data); }); } }); } </script>
藉此,每个后端请求都会携带token。
结语
JWT形式的认证体系将用户状态分散到了客户端中,相比于服务端的session存储,可以明显减轻服务端的内存压力,此外,使用Iris中间件鉴权的方式有助于提高代码的重用性,也更便于维护,更加优雅。该项目已开源在Github:https://github.com/zcxey2911/IrisBlog ,与君共觞,和君共勉。
-
当前热点-彩虹女神跃长空,Go语言进阶之Go语言高性能Web框架Iris项目实战-JWT和中间件(Middleware)的使用EP07
前文再续,上一回我们完成了用户的登录逻辑,将之前用户管理模块中添加的用户账号进行账号和密码的校验...
来源: 当前热点-彩虹女神跃长空,Go语言进阶之Go语言高性能Web框架Iris项目实战-JWT和中间件(Middleware)的使用EP07
全球资讯:数智赋能:透过低代码看企业如何实现数智转型
速读:基于 Dubbo Admin 实现流量灰度
女医明妃传原型是谁?女医明妃传演员表
冒险岛怎么删除角色?冒险岛怎么提升面板?
高考穿什么衣服寓意好?高考穿什么衣服吉利?
红海行动是根据哪个真实事件改编的?红海行动真实事件原型
女娲传说之灵珠大结局是什么?女娲传说之灵珠演员表介绍
福州一中地址在哪里?福州一中录取分数线2022
Qt做大型软件开发技术选型Part2:Qt调用C#编写的COM组件
世界视讯!Cpp Primer:Sec 4, 5, 6
【当前独家】项目管理工具飞项傍身,居家办公效率“快人一步”
要闻:redis—安装以及可视化
还转投N卡阵营吗?国内AMD RX7900 XT货源开始变多 7599元起
最新资讯:本田真爱粉狂喜 全新思域两厢版上市:手动挡卖到16万
三只松鼠年货坚果礼盒大促:109立减60元 49包邮到手
高分天气应用Dark Sky即将关闭:苹果呼吁用户使用自带天气
天天新资讯:谷爱凌再创一新世界纪录:反脚1260板尾抓板女子世界第一
管理经验
环球速看:程序员面试找替身 “作弊” 入职,结果大快人心。。。
影响力无敌!梅西夺冠帖点赞量成Instagram史上第一:球衣被抢光
最纯净的国产手机系统!博主实测努比亚Z50系统广告默认关闭:世界清净了
环球观焦点:当AI作画入侵鬼畜区
全球时讯:不适合中国观众 只有《流浪地球2》?出品方:《阿凡达2》没理由不引进
质感绝了!一加11海外官宣:2月7日登场
【环球新要闻】SSD白菜价先别下单:有猫腻
世界动态:使用brew安装历史版本的几种方式
当前快讯:第一百一十六篇: JavaScript理解对象
世界微资讯!Python参数解析器configparser
民间大神用虚幻5自制《原神》 :这视觉效果爱了
【环球报资讯】曾经缔造玛雅文明!为什么玉米的产量世界第一?
深扒《阿凡达2》背后的故事:才是真的“细思恐极”!
【全球快播报】蔚来CEO李斌回应数据泄露问题 绝不会与不法行为妥协
全球热推荐:我去大疆新总部逛了逛:评测了有史以来最大的“产品”
焦点速递!Python unittest+ddt+openpyxl接口自动化
今日热讯:MAUI新生4.4-笔刷Brush
每日焦点!梅西晒怀抱大力神杯入睡照!淘宝同款奖杯被抢光
速讯:python + selenium实现gitlab全文搜索
热资讯!Codeforces 1763 F Edge Queries 题解
天天视讯!如何使用Yum History查找已安装或已删除的软件包信息
天天新消息丨混合场景
当前热议!神似梅西男子成网红 被民众围堵合影:这也太像了
分析师称《阿凡达2》难以回本:卡梅隆标准定太高了
2199元 掌阅Smart Air Pro电纸书上架:8寸大屏、300PPI显示
前端工程化Vue-cli
天天微头条丨Python unittest数据处理ddt
前端CSS Flex布局8大重难点知识,收藏起来吧
世界新消息丨django10 分页器与Form组件
【全球新要闻】FreeSWITCH学习笔记:XML配置文件
天天即时:怀旧情怀拉满:宾得宣布将开发新款胶片相机
阿根廷夺冠“拯救”伊利 但“奶茅”光环渐黯
环球快讯:一加宣布与OPPO服务融合:12月底全面加入OPPO售后服务系统
东北将迎今冬以来最强降雪:持续时间最长、范围最广
世界速递!框架第九课---ajax补充说明,多对多三种创建方式,django内置序列化组件(drf前身),ORM批量操作数据(ORM操作优化),自定义分页器,f
WPF工控组态软件之温度计
每日播报!Iceberg在袋鼠云的探索及实践
每日关注!hibernate validate工具,小心你的姿势不对
PCIe 5.0 SSD终于满血了!读写都是14GB/s、容量8TB
热消息:蔚来遭遇225万美元数据勒索 官方声明
当前讯息:铃木“大G”!吉姆尼五门版无伪谍照:最多能塞进7个人
奇迹!女子手机从26楼掉落未摔坏 真身竟是这款手机
5499元 联合创新推出新款32英寸显示器:4K MiniLED屏、144Hz高刷
“非洲之王”拥抱新技术:传音首台折叠屏手机已通过蓝牙SIG认证
天天短讯!世界北极熊之都升温过快 已危及北极熊生存:吃不上饭了
天天热资讯!深度学习炼丹-数据处理和增强
世界热门:记录--可视化大屏-用threejs撸一个3d中国地图
Python操作Excel(openpyxl)
全球热点评!Html5 canvas创意特效合集
即时看!1月1日起:澳门私家车可经港珠澳大桥出入内地
观速讯丨巡游大巴太高 梅西险些撞上电缆!他带回阿根廷的大力神杯居然是复制品
天天短讯!中国联通科技人才占比已达30% 曾发话不能再用老眼光看电信行业
空难曾致346人死亡 波音737 Max飞机延期采用最新安全标准
每日观察!广州多个外卖平台下单后配送慢 平台:员工已是全负荷工作
世界视讯!数据结构堆(Heap)&排序&二叉树
今日播报!用好这个任务管理工具,轻松躲避职场明枪暗箭
世界今日报丨彩虹女神跃长空,Go语言进阶之Go语言高性能Web框架Iris项目实战-登录与图形验证码(captcha)EP06
今日热闻!低代码:如何成为企业业务价值提升的一大利器?
热消息:Intel第二代独立显卡1年后见:要追上RTX 4070!
主页不刷新了 小红书崩了累坏网友:WiFi、流量疯狂切换
罗永浩称他的失败不是理想主义的错 是他们自己的错
世界热讯:吴京《流浪地球2》吃苹果皮:大年初一上映
世界要闻:中国移动千兆宽带用户已达2.4亿!你是其中之一吗?
安全信息流工具-中文安全RSS小程序
supervisor+gunicorn+uvicorn部署fastapi项目
天天实时:四年保质期囤货无压力!900压缩饼干8斤85元
天天热资讯!iPhone 15系列或重新划分机型组合:14 Plus太拉胯 要大改
一加11质感绝了!刘作虎给员工秀真机:围观群众都发出WOW
美国“显卡税”又推迟9个月:一旦征收 最多涨价25%
全球讯息:大无语 车主称理想L9半个月坏三次 充电口从电动变手动
天天关注:企业转型难?火山引擎数智平台提供数智升级新路径
焦点热门:Dubbo架构设计与源码解析(一) 架构设计
Redis的AOF持久化
【报资讯】防火墙功能(锐捷安全篇)
当前热文:多方安全计算(4)MPC万能积木:秘密共享
【全球时快讯】多方安全计算(3)MPC万能钥匙:混淆电路
全力推进企业数智赋能发展主线,低代码任重道远
天天要闻:linux安装stable diffusion2.0完整教程-还不会安装sd2.0?一篇文章教会你AI绘画
焦点速读:proto IDL管理工具buf使用实践
P2329 栅栏
全球观点:Xml转Java实体类对象 xml转Javabena 对象 且多级嵌套 复杂嵌套