VUE项目H5，调用jssdk微信验证在IOS下其中的坑

最新推荐文章于 2022-10-31 14:10:33 发布
最新推荐文章于 2022-10-31 14:10:33 发布
阅读量998 收藏
点赞数
文章标签： 微信 IOS JSSDK VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/an501920078/article/details/101627808
版权

在做VUE H5项目中，需要将其绑定到微信平台，在平台微信官方调试工具和安卓手机中，微信并没有报错，而在IOS中，config显示ok，后面的调用接口一直报错the permission value is offline verifying，后来发现是vue-router跳转引起的，改成location.href.跳转到该网页就没问题了

刘杰强
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解IOS微信上Vue单页面应用JSSDK签名失败解决方案
10-17
主要介绍了详解IOS微信上Vue单页面应用JSSDK签名失败解决方案，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue项目中微信jssdk在ios签名失败
考拉很OK
09-27 238
因为在安卓中应该拿去签名的URL就是每个页面的URL，在ios中拿去签名的URL应该是微信分享时的URL(这个是我自己猜的)，微信会对ios页面链接做处理，我们复制到的链接有时是刚进入项目时的链接而不是当前页面的链接，多刷新几次的话可能就是当前页面的链接，总之这个是ios微信的bug，官方建议使用。简单暴力使用a标签去跳转签名的页面，也就是说A->B，在B页面做签名的话，在A页面的跳转方式不用vue路由跳转，改用a标签跳转，这个时候获取到的URL是可以签名的。
vue 单页面(SPA) ，IOS端页面跳转后调用微信jssdk 时报错： "invalid signature"的解决方案, 安卓有效
hery186的专栏
07-25 1203
https://blog.csdn.net/hualvm/article/details/85344076 报错 在微信上调用时报错：thepermissionvalueisofflineverfifying 背景： 1、JS接口安全域名 OK 2、Android手机，微信开发者工具，测试分享都没问题 问题： 在IOS手机微信端，从A页面(http://...
vue项目在IOS下一直获取微信JSSDK失败问题
hellow_world_的博客
10-15 1177
在IOS下一直提示invalid signature签名错误，但是在安卓又没有问题 问题分析:因为苹果分享会是调取签名失败是因为:苹果在微信中浏览器机制和安卓不同,有IOS缓存问题，和IOS对单页面的优化问题，通俗点说安卓进行页面跳转分享时会刷新当前的url,而苹果不会，苹果是通过历史记录进来的，不会刷新url所以会导致签名失败(这里解释的可能不够详细，可以去百度)。 因为需求只需要分享当前页...
详解vue项目接入微信JSSDK的坑
10-17
主要介绍了详解vue项目接入微信JSSDK的坑,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目history模式下微信分享爬坑总结
12-10
每回遇到微信分享都是一个坑，目前的商城项目使用Vue开发，采用history的路由模式，配置微信分享又遇到了很多问题，最后终于解决了，现将解决的过程分享一下。 技术要点 Vue，history 常见问题及说明 debug模式下报...
vue 使用微信jssdk,调用微信相册上传图片功能
01-21
vue 使用微信jssdk 1、引入weixin-js-sdk npm install weixin-js-sdk 使用文档 https://www.npmjs.com/package/weixin-js-sdk 2、配置 vue中微信jssdk配置 import wx from 'weixin-js-sdk' created(){ //微信...
H5调用jssdk微信分享一系列联调过程以及示例分享demo
a331790021的博客
04-03 2470
背景 需求原因要写一个嵌入微信公众号的H5页面，里面详情页面包含了分享，之前都是直接调用客户端的分享，现在要通过jssdk自己去写，就感觉一阵头大，因为懒习惯了，然后被迫去看api文档 刚开始环境没有映射域名，然后在测试环境发布调试起来比较麻烦，然后，还是因为懒。。。 找了一个本地调试的方法 首先 按照微信的jssdk的文档一步一步来， jssdk文档地址 去设置js安全域名以及申请appI...
记录一次微信h5开发 使用js-sdk的过程（填异步串行的智商坑）
JavaScript66的博客
10-31 988
记录一次使用uniapp微信h5开发 使用js-sdk的过程（填不知名坑）
详解vue开发中调用微信jssdk的问题
10-17
主要介绍了vue开发中调用微信jssdk的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
IOS端调用微信jssdk失败的原因
l的博客
07-05 6452
最近开发一个基于vue的spa应用，在调用微信扫描二维码jssdk的时候发现在ios上有时可以，有时失败，但Android设备上没问题。经过多次测试发现，ios端直接进入需要扫码的页面没问题，从其他页面跳到扫码页的情况下不行。 翻阅微信官方文档，只发现这段话： 与我遇到的情况并不相符。 官方明确给出SPA在每次url变化时进行调用,于是我之前代码是这样的： /*在需要调用微信扫码...
vue调用微信jssdk，引用分享接口
热门推荐
impossible1994727的博客
07-02 1万+
首先安装jssdk npm install weixin-js-sdk --save-dev 然后在新建一个公共的js文件，比如share.js 在share.js中引入weixin-js-sdk import wx from 'weixin-js-sdk'; 在调用微信的接口之前要先获取他们的appid，timestamp，nonceStr等授权参数，传递参数为当前的url ...
H5调用微信JSSDK开发总结
哆啦A瑶的博客
02-12 2411
最近需要开发一个小项目，他的一个需求为：能够在微信中分享（转发好友以及朋友圈），而且要求图片和标题摘要等内容自定义。本着试一试的态度，我用手机访问自己搭建在服务器上的IP地址，打开后映入眼帘的是这样的： 分享给好友是这样的： 鞥？？？这也太难看了吧，我的摘要呢？我的小图片呢？ 于是我去问度娘，听他们都在说一个叫做JSSDK的东西，在微信中要分享链接是需要微信公众号的权限的，而且只有认...
vue中ios 微信sdk 踩过的坑 ！！！
讨口子
12-05 1287
问题描述： ios在微信浏览器中，vue history模式下 路由跳转后，调用微信sdk相关api不生效，但在该页面刷新后又恢复正常； Android一切正常！ 主要问题是ios在路由切换时微信SPA时，始终都是首次进入时的URL地址 Android微信SPA则是同步路由切换时的地址 举例： 从首页进入 http://028h5.cn/?i=xxxxxxxxxx 点击切换到 http:/...
vue中使用微信jssdk
xinzi11243094的博客
03-05 2260
首先，确保你安装了weixin-js-sdk。 如果还没有安装npm install weixin-js-sdk 在页面中 import wx from 'weixin-js-sdk'; 接下来，就需要在mounted里面进行wx.config()了。 由于使用微信js需要进行授权配置，所以需要使用ajax请求从服务端获取微信jssdk的授权参数，ajax请求我这里使用的axios ...
iphone X中react-router单页面如何有效配置微信 解决iOS中invalid signature问题 the permission value is offline verifying
Wbiokr的博客
06-01 1126
iOS中，在某个页面内调用微信JSSDK相关API，如扫码、分享等，使用当前页面URL总会出现签名错误(invalid signature)，导致API调用失败。 在JSSDK文档页面有这么一句话: 所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在And
解决h5使用 jssdk做微信分享，ios分享内容地址不正确，刷新第二次就正确了
v_Guo的博客
01-11 3683
解决h5使用 jssdk做微信分享，ios分享内容地址不正确，刷新第二次就正确了 关于微信分享 ios出现无效的问题 在开发微信h5分享时出现了ios只会在初始化首页的时候进行初始化设置，后面相对个别页面进行特殊化配置的时候，比如跳转链接，图片的修改 在ios上无法生效，但在安卓上是有效的， 填坑之路 刚开始 一顿 Google 方法很多但是却没有效果， 使用了 一个方法 就是设置重定向。 结果，...
微信公众号调取jssdk扫一扫功能，ios第一次进入页面调取失败（需刷新页面才能调取成功，Android正常）的解决方法
ClassMake的博客
08-19 4376
注意：ios第一次进入页面调取失败的原因主要在于传入的path路径 const data = { url:encodeURIComponent(location.href.split(’#’)[0]), } 看了一些博客，说是url要用encodeURIComponent进行编码，后台解码就可以解决问题，但是对我用了还是不能解决，于是我又找了其它方法 用路由守卫解决了问题，说白了就是每次切换页面的...
vue h5调用微信分享
最新发布
12-14
要在Vue H5中调用微信分享，首先需要引入微信官方的JS-SDK库。在Vue项目的index.html文件中，可以在标签内添加如下代码： ```html <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值