第三方项目退出微信内置浏览器解决方案

870 阅读1分钟

前景回顾

开发了一个第三方的移动端微信应用项目,需要在企业微信中进行跳转进入,在路由跳转之后,此时我们按照手机上的返回键(或者是左右滑动)在最后一个路由之后关闭微信的内置浏览器。

而事与愿违,第三方H5项目是直接进行跳转的,获取微信的授权直接显示页面,本人是隐藏模拟了一个login路由,先获取token之后再跟进需求跳转相关的路由,在使用手机的返回键的时候最后一个路由是登录,无法直接关闭微信内置浏览器而出现一个空白页,经过多方探究才得以解决。

解决方法

  1. 安装微信的SDK

// 可以根据使用的npm 或 yarn 进行安装插件 yarn add weixin-js-sdk --save

  1. 引用微信的SDK

import wx from 'weixin-js-sdk'

  1. 关闭微信浏览器

// 在需要的地方加入下面这行代码 wx.closeWindow()

结论

按照上述的操作,在需要的地方执行wx.closeWindow()这行代码的时候就可以关闭微信内置的浏览器。

扩展

该插件可以直接引入微信的api,可以直接进行操作,可适用于微信公众小程序企业微信应用等。

参考文档