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

2024-12-21 03:45:50

实测有效解决微信游览器和企业微信游览器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）

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

对比企业微信游览其和微信游览器的信息，多出了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('设备已经可以使用')
 })
}

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

iOS推送SDK集成详细对比

由于自己的app想要一个推送功能,又由于调用系统的方法集成太麻烦,所以想找一个推送的SDK来做.市面上可以实现该功能的SDK有多种,比如极光,信鸽,个推,MobPush(ShareSDK他们家的).于是下面来对比一下: 经过对比得知,在集成上,MobPush更加简单,也是他们对一贯传统,像在ShareSDK上也是比其他SDK要简洁很多.看他们对文档上这样的. 首先在info.plist里添加2个字段:MOBAppKey和MOBAppSecret,对应在mob申请的key.(不用写初始化方法了)
IOS中快速集成短信SDK验证开发(SMSSDK),IOS开发中如何设置手机短信验证码

嘿嘿..sdk是别人的,我只是下载来集成一下. smssdk下载网站:http://www.mob.com/(也有其他很多网站有类似SDK,譬如https://www.juhe.cn/等等,可以自行百度,我在这里就演示一下MOB官网的) 此网站号称smssdk免费,可是进去一看........ 每天免费20条,上限登记了才永久免费.不多说了,开始...... 官网集成文档http://wiki.mob.com/ [1~3步]我就截图官方文档了,傻瓜式操作 [4.1]:先看官网说明: [4.2]再
关于iOS GangSDK的使用为App快速集成社群公会模块

手上有一个自己开发的小游戏,想加一个家族系统活跃下游戏的氛围,想到这块儿可能会有大量的工作需要自己做,就偷了个懒去网上搜罗了一波,结果惊奇的发现居然真的有类似的服务,并且还是免费的,所以决定入坑尝试一下.这里就我使用的第三方家族系统(GangSDK)做一个简单的记录,方便以后查看. 一.GangSDK介绍 GangSDK是为开发者提供的一套快速接入社群系统的开发框架,主要为了帮助开发者在自己的应用里快速构建社群系统.社群系统包含两大功能:1.为用户们提供自己的社交圈,使他们交流更方便;2.社群建
详解iOS集成融云SDK即时通讯整理

最近很少写一下项目总结了,最近项目虽然做了很多,但是都是一些外包项目,做下来也没有什么值得总结的.最近一个项目用到了融云即时通讯,以前基本都是用环信,所以还遇到了一些问题,在此总结一下记录一下. 1 头像.昵称等用户信息(融云对这个问题有两种处理方式) 1.用户信息提供者实现步骤(以下代码放在单例中,可以是AppDelegate,最好单独写一个单例) 首先遵守RCIMUserInfoDataSource这个协议然后是要设置代理 [[RCIM sharedRCIM] setUserInfoDa
微信JSSDK多图片上传并且解决IOS系统上传一直加载的问题

微信多图片上传必须挨个上传,也就是不能并行,得串行: 那么我们可以定义一个如下所示的上传函数: var serverIds = []; function uploadImages(localImagesIds) { if (localImagesIds.length === 0) { $.showPreloader('正在提交数据...'); $('form').submit(); } wx.uploadImage({ localId: localImagesIds[0], // 需要上传的图片
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案

背景手机型号: 型号:iphone 7 / iphone xs max 版本:ios 10.3.1 / ios 12.1 微信版本:WeChat 6.7.3 问题还原: Vue应用(vue-router)上使用history模式,在某个页面内调用微信JSSDK相关API,如扫码.分享等,使用当前页面URL总会出现签名错误(invalid signature),导致API调用失败. 问题根源 Vue-Router进行路由切换的时候,总是会操作浏览器的历史记录,从而响应页面URL变化. 在JSSD
解决SDK注入权限验证安卓正常，IOS出现config fail的方法

实测有效解决微信游览器和企业微信游览器JSSDK注入权限验证安卓正常,IOS出现config fail 一开始我们想到的是可能微信这边的Bug,但细想一下应该不是.因为可能涉及到了IOS的底层原理的问题,可能是不受微信所控.(有问题欢迎拍砖) 出现问题得解决问题啊,不能把问题晾在那边不管,这是程序员的尊严! 我这个是SPA应用,所以拿其中一个vue项目来做探讨,其他SPA应用同理首先我们想到在安卓中生效,在IOS中不生效是什么原因? 我们把所有设置都检查了一遍,最终发现是当前路由locat
详解ABP框架的参数有效性验证和权限验证

参数有效性验证应用程序的输入数据首先应该被检验是否有效.输入的数据能被用户或其他应用程序提交.在Web应用中,通常进行2次数据有效性检验:包括客户端检验和服务端检验.客户端的检验主要是使用户有一个好的用户体验. 首先最好是在客户端检验其表单输入的有效性并且展示给客户端的那些字段输入是无效的.但是,服务器端的校验是更关键和不可缺失的(不要只做客户端检验而不做服务器端检验). 服务器端的检验通常是被应用服务(层)执行,应用服务(层)中的方法首先检验数据的有效性,然后才使用这些通过验证的数据.ABP
Spring实现拥有者权限验证的方法示例

问题描述在做权限验证的时候,我们经常会遇到这样的情况:教师拥有多个学生,但是在处理学生信息的时候,教师只能操作自己班级的学生.所以,我们要做的就是,当教师尝试处理别的班的学生的时候,抛出异常. 实体关系用户1:1教师,教师m:n班级,班级1:n学生实现思路以findById为例.因为从整体上看,用户和学生是m:n的关系,所以在调用这个接口的时候,获取该学生的所有用户,然后跟当前登录用户进行对比,如果不在其中,抛出异常. 利用切面,我们可以在findById.update.delete方法
App登陆java后台处理和用户权限验证

最近做一个app项目,后台我独自一人开发,开发任务顺序安排上没有把登陆,注册和权限验证这些基本功能放在第一阶段开发,现在是部分业务相关功能已经完成,但是用户入口竟然还没有,只能说明当初需求分析的时候还是太过于着急了,把最基本的用户入口给放到后面了. 现在就需要在现有代码的基础上添加用户登录和权限验证功能. 关于登录和权限验证方面,参照以前做iOS的开发经验,App端提供用户名和密码换取token,每次通过换取的token请求需要登陆权限的操作. 现在反过来,我就需要考虑下面几个问题: 1.在现有
vue iview实现动态路由和权限验证功能

github上关于vue动态添加路由的例子很多,本项目参考了部分项目后,在iview框架基础上完成了动态路由的动态添加和菜单刷新.为了帮助其他需要的朋友,现分享出实现逻辑,欢迎一起交流学习. Github地址 iview-dynamicRouter 实现目标客户端从服务端拿到路由和权限数据后,刷新项目的路由和菜单列表,并进行权限控制. 项目基础基础框架: iview组件库官方模板项目 iview-admin 的template分支项目,此项目为 iview-admin 的基础框架代码.项目地
MySQL解决SQL注入的另类方法详解

本文实例讲述了MySQL解决SQL注入的另类方法.分享给大家供大家参考,具体如下: 问题解读我觉得,这个问题每年带来的成本可以高达数十亿美元了.本文就来谈谈,假定我们有如下 SQL 模板语句: select * from T where f1 = '{value1}' and f2 = {value2} 现在我们需要根据用户输入值填充该语句: value1=hello value2=5 我们得到了下面的 SQL 语句,我们再提交给数据库: select * from T where f1='h
.net MVC使用IPrincipal进行Form登录即权限验证（3）

.net MVC使用IPrincipal进行Form登录即权限验证,供大家参考,具体内容如下 1.在MVC项目中添加用户类,可以根据实际项目需求添加必要属性 public class UserData { /// <summary> /// ID /// </summary> public int UserId { get; set; } /// <summary> /// 用户名 /// </summary> public string UserName
Nuxt.js SSR与权限验证的实现

Nuxt.js是一个建立在Vue.js基础上的服务端渲染框架.它非常易于上手并且可以让你在几分钟内构建你的应用. 服务端渲染是一个解决所有SPA的SEO问题的伟大解决方案,但不幸的是它带来了另一个问题:权限验证成了另一个项目管理中的痛点. Nuxt.js官网提供了一个称为"路由鉴权"的示例(https://nuxtjs.org/examples/auth-routes).它展示了如何通过一个中间件来限定一个页面是否可访问,但是这个检查是在客户端的进行的并且服务端渲染出的内容无论是否进行
vue登录以及权限验证相关的实现

关键词:前后端分离.jwt.登录.权限验证最近在做一个小应用,需要用到vue实现登录,以及给不同路由设置权限.在网上看了很多文章,讲的是乱七八糟.感叹国内技术类文章实在是差劲,抄来抄去.这篇文章就说说我最后是如何实现的. 前后端分离项目中,后端提供api接口给前端,使用jwt发放权限. 首先前端提供用户名和密码请求登录接口,后端验证之后返回给前端一个token,之后前端在请求需要权限的接口时携带这个token就可以了. 两个问题现在面临两个问题, 首先vue中不同的路由有不同的权限,比如我要
vue实现与安卓、IOS交互的方法

方案背景 IOS用的是jsBridge插件实现调用.传参.回调的安卓是在window挂载方法和挂载回调的 IOS实现方案调用原生方法封装如下 function setupWebViewJavascriptBridge (callback) { if (window.WebViewJavascriptBridge) { return callback(window.WebViewJavascriptBridge) } if (window.WVJBCallbacks) { return win

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

相关推荐

随机推荐