微信公众号调取jssdk扫一扫功能，ios第一次进入页面调取失败（需刷新页面才能调取成功，Android正常）的解决方法

注意：ios第一次进入页面调取失败的原因主要在于传入的path路径
const data = {
url:encodeURIComponent(location.href.split(’#’)[0]),
}

看了一些博客，说是url要用encodeURIComponent进行编码，后台解码就可以解决问题，但是对我用了还是不能解决，于是我又找了其它方法
用路由守卫解决了问题，说白了就是每次切换页面的时候都去重新config
但是因为安卓手机上没有问题，我就区分了安卓和ios的写法：
let u = navigator.userAgent, app = navigator.appVersion;
let isIOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isIOS) {
// 全局路由守卫
router.beforeEach((to, from, next) => {
const data = {
url: encodeURIComponent((location.href.split(’#’)[0])),
appType: sessionStorage.getItem(‘appType’)
}
const url = ‘/wx/getJsSdkPermission?’ + qs.stringify(data); //获取签名
http.get({ url, data }, {
success: (data) => {
wx.config({
beta: true, // 必须这么写，否则wx.invoke调用形式的jsapi会有问题
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: this,appId, // 必填，企业号的唯一标识，此处填写企业号corpid
timestamp: data.timestamp, // 必填，生成签名的时间戳
nonceStr: data.noncestr, // 必填，生成签名的随机串
signature: data.sign, // 必填，签名，见附录1
jsApiList: [
“checkJsApi”,
“scanQRCode”,
]// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
wx.ready(function (data) {
})
}
});
next() // 必须使用 next ,执行效果依赖 next 方法的调用参数
})

}
问题完美解决

微信公众号调取jssdk扫一扫功能，ios第一次进入页面调取失败（需刷新页面才能调取成功，Android正常）的解决方法相关推荐

微信公众号网页授权域名时报内容与下载文件不符，请检查文件内容或重新上传原始文件的错误解决方法
项目场景: 最近做的项目需要使用到微信支付的jsapi类型,其实如果是做native支付的话还是很容易搞的,但是使用jsapi支付的话需要一个特殊的参数,这个参数就是openid,官网上有获取open ...
（第三方平台）开发相关，解除80端口占用，微信公众号分享jssdk实现，微信开放平台登录接口接入，2022微信分享接入本地调试，微信分享定制
一.开发相关 1.平台地址微信开放平台 QQ互联平台SDK 2.文章收集来自CSDN兄台的QQ登录使用的教程微信网站应用开发的详细流程和引导 VueJs单页应用实现微信网页授权及微信分享功能 [ ...
微信公众号+Vue+JS-SDK配置注册失败，显示config:fail,Error: 系统错误，错误码：63002,invalid signature等解决方法
用vue做微信公众号调用js-sdk遇到的问题问题1(JS-SDK在IOS中报签名无效invalid signature) 解决办法在VUE路由进去你要操作的页面时进行config接口注入首先打 ...
微信企业号和微信公众号使用js-sdk说明和注意事项
一.1.微信公众号使用JS-SDK说明文档 (官方):https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 2.企 ...
【微信开发第一章】SpringBoot实现微信公众号创建菜单，同步菜单功能
前言在进行微信公众号业务开发的时候,微信公众号的自定义菜单是非常重要的一环,该篇文章会先使用微信测试工具过一遍流程,再使用代码进行实现,争取看过的小伙伴都能够实现,创建公众号菜单和代码同步公众号菜单 ...
php怎么添加会员卡,怎么在微信公众号中添加一个会员卡领取功能
怎么在微信公众号中添加一个会员卡领取功能发布时间:2020-12-09 16:06:27 来源:亿速云阅读:129 作者:Leah 这篇文章将为大家详细讲解有关怎么在微信公众号中添加一个会员卡领取 ...
python公众号留言功能_Python实现的微信公众号群发图片与文本消息功能实例详解...
本文实例讲述了Python实现的微信公众号群发图片与文本消息功能.分享给大家供大家参考,具体如下: 在微信公众号开发中,使用api都要附加access_token内容.因此,首先需要获取access_ ...
python公众号留言功能详情_Python实现的微信公众号群发图片与文本消息功能实例详解...
本文实例讲述了Python实现的微信公众号群发图片与文本消息功能.分享给大家供大家参考,具体如下: 在微信公众号开发中,使用api都要附加access_token内容.因此,首先需要获取access_ ...
微信公众号，JS-SDK获取位置信息，并调起第三方地图App导航
微信公众号关联网页获取位置信息,可以参照<微信公众平台技术文档>-> 微信JS-SDK说明文档,官方链接地址:https://mp.weixin.qq.com/wiki?t=reso ...
微信公众号 H5 jssdk 分享卡片功能实现(亲测使用)
1,下载安装js-sdk uni-app包中直接cmd安装 npm install weixin-js-sdk 2,当前要设置页面引入(此时路径根据你当前项目为准找js文件) import wx f ...

微信公众号调取jssdk扫一扫功能，ios第一次进入页面调取失败（需刷新页面才能调取成功，Android正常）的解决方法

微信公众号调取jssdk扫一扫功能，ios第一次进入页面调取失败（需刷新页面才能调取成功，Android正常）的解决方法相关推荐

最新文章

热门文章