欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

解决SDK注入权限验证安卓正常,IOS出现config fail的方法

程序员文章站 2023-09-07 21:15:13
实测有效 解决微信游览器和企业微信游览器jssdk注入权限验证 安卓正常,ios出现config fail 一开始我们想到的是可能微信这边的bug,但细想一下应该不是。因...

实测有效 解决微信游览器和企业微信游览器jssdk注入权限验证 安卓正常,ios出现config fail

一开始我们想到的是可能微信这边的bug,但细想一下应该不是。因为可能涉及到了ios的底层原理的问题,可能是不受微信所控。(有问题欢迎拍砖)

出现问题得解决问题啊,不能把问题晾在那边不管,这是程序员的尊严!

我这个是spa应用,所以拿其中一个vue项目来做探讨,其他spa应用同理

首先我们想到在安卓中生效,在ios中不生效是什么原因?

我们把所有设置都检查了一遍,最终发现是当前路由location.href不一致的问题

我们可以去尝试一下去到具体某个页面:

在android下微信复制当前链接然后粘贴到输入框里,会发现路由是具体到某个路由。例如:www.xxxx.com/news/xxxx

在ios下微信复制当前链接然后粘贴到输入框里,会发现路由是首页。例如:wwwx.xxxx.com/index

所以问题就定位在了url上,这次我只拿调取扫一扫功能,其余功能自行加上。

那我们只需要判断访问设备是安卓还是ios即可

首先在index.html页面中引入jssdk文件

然后在app.vue文件中

if (/(iphone|ipad|ipod|ios)/i.test(navigator.useragent)) {
 const url = location.href
 const res = await getsignature(url) //获取设置config的参数
 let { timestamp, noncestr, signature, appid } = res.data
 wx.config({
  beta: true,
  debug: false,
  appid: appid,
  timestamp: timestamp,
  noncestr: noncestr,
  signature: signature,
  jsapilist: ['scanqrcode']
 });
 wx.ready(function () {
  console.log('设备已经可以使用')
 })
}

具体到某个页面的时候 例如:news下

if (/(iphone|ipad|ipod|ios)/i.test(navigator.useragent)) {
 const url = location.href
 const res = await getsignature(url) //获取设置config的参数
 let { timestamp, noncestr, signature, appid } = res.data
 wx.config({
  beta: true,
  debug: false,
  appid: appid,
  timestamp: timestamp,
  noncestr: noncestr,
  signature: signature,
  jsapilist: ['scanqrcode']
 });
 wx.ready(function () {
  console.log('设备已经可以使用')
 })
}

仅限于在微信自带的游览器上。企业微信自带的游览器这方法是不行的。

通过微信企业浏览器扫码获取到的微信浏览器信息如下:(图片摘取于csdn)

解决SDK注入权限验证安卓正常,IOS出现config fail的方法

微信客户端扫码获取到的信息如下:

解决SDK注入权限验证安卓正常,IOS出现config fail的方法

对比企业微信游览其和微信游览器的信息,多出了wxwork。那么我们只需要添加多一个判断条件就好了

在app.vue文件中

if (/(wxwork)/i.test(navigator.useragent)) {
 return
}
if (/(iphone|ipad|ipod|ios)/i.test(navigator.useragent)) {
 const url = location.href
 const res = await getsignature(url) //获取设置config的参数
 let { timestamp, noncestr, signature, appid } = res.data
 wx.config({
  beta: true,
  debug: false,
  appid: appid,
  timestamp: timestamp,
  noncestr: noncestr,
  signature: signature,
  jsapilist: ['scanqrcode']
 });
 wx.ready(function () {
  console.log('设备已经可以使用')
 })
}

在news文件中

if (/(wxwork)/i.test(navigator.useragent)) {
 return
}
if (/(iphone|ipad|ipod|ios)/i.test(navigator.useragent)) {
 const url = location.href
 const res = await getsignature(url) //获取设置config的参数
 let { timestamp, noncestr, signature, appid } = res.data
 wx.config({
  beta: true,
  debug: false,
  appid: appid,
  timestamp: timestamp,
  noncestr: noncestr,
  signature: signature,
  jsapilist: ['scanqrcode']
 });
 wx.ready(function () {
  console.log('设备已经可以使用')
 })
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。