“浙里办“项目单点登录、二次回退的问题-爱代码爱编程
最近在做这个浙里办的项目,分享一下心得记录一下。目前的话我们是做的H5微应用,因此不涉及到法人方面的操作。
关于浙里办的单点登录问题,首先要注意的是浙里办是在https的环境下进行的,因此http的小伙伴一定要注意的。
在public下面的index.html文件中加入这行代码即可
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
然后就是引入 浙里办的JS文件
<script type="text/javascript" src="https://assets.zjzwfw.gov.cn/assets/ZWJSBridge/1.1.0/zwjsbridge.js"></script>
<script type="text/javascript" src="https://assets.zjzwfw.gov.cn/assets/zwlog/1.0.0/zwlog.js"></script>
第三步就是最重要的获取ticke票据了,在app.vue中添加下面代码。不废话直接复制拿去用
created() {
let url = window.location.href;
console.log(url);
if (url.indexOf("ticket") != -1) {
const params = url.split("?")[1].split("&")[1].split("#");
for (let index = 0; index < params.length; index++) {
if (params[index].indexOf("ticket=") != -1) {
this.ticket = params[index].split("=")[1];
break;
}
}
}
},
然后就可以去浙里办调试了,记住一定要在浙里办的测试环境下调试才可以拿到票据。至于后续mgop请求目前还不需要,正常的ajax请求就可以。就可以在控制台里看到票据信息了。
关于二次回退的问题,我这边是用的vue2写的,然后是直接跳转到某个页面,这样就算二次回退也是回退到首页了
PS:因为浙里办文档更新较快,一定要及时关注浙里办群里面发的最新文件。有什么问题直接问群里老师,解决都很快的。