当前位置: 主页 > js >

浙里办出现二次回退原因分析

2021-09-30  |  来源:前端入门建站教程  |  作者:建站之星

下面前端入门建站教程为大家介绍一下浙里办出现二次回退原因分析

通过前端业务代码处理回退问题:

1.在上一页 通过页面进入事件捕获;

2.判断业务回退标记 确定通过回退进入页面;

3.调用jsbridge.close关闭当前页面;

可能遇到问题:

1.上一页不可控,应用开发商可以在进入最终页面的链路添加中间步骤/页面使上一页可控。

2.无法判断进入页面来源是回退,通过进入最终页面时通过业务代码添加回退标记状态在回退时进行判断用。

3.jsbridge.close 方法不可用,可参考 APIDEMO 源代码中 jsbridge api使用方法。

注意:jsbridge api使用、引用的页面 需要H5应用部署在 应用开发管理平台 并且 通过

浙里办

容器环境打开可用(浙里办APP、支付宝浙里办小程序)

处理回退方案、代码纯属思路建议。因各应用业务不同,开发商需自行解决浙里办场景回退问题。

判断场景

var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
const sUserAgent = window.navigator.userAgent.toLowerCase()
const bIsDtDreamApp = sUserAgent.indexOf('dtdreamweb') > -1 // 浙里办APP
const bIsAlipayMini = sUserAgent.indexOf('miniprogram') > -1 && sUserAgent.indexOf('alipay') > -1 // 浙里办支付宝小程序

首页进行个人单点登录VUE案例:

1.进入应用 使用 windows.location.replace() 发起单点登录。

2.使用应用开发管理平台 应用管理 访问地址 作为单点登录回调地址(中转地址)

3.在回调地址(中间页面) 使用 this.$router.push() 渲染最终地址页面

4.在回调地址(中间页面)的 导航守卫判断 ,可以判断从哪个页面来 到哪个页面去router.beforeEach((to, from, next)

上面是“浙里办出现二次回退原因分析”的全面内容,想了解更多关于 js 文章,请继续关注前端入门建站教程。

最新文章

猜你喜欢