调用微信扫一扫功能,踩坑'invalid signature'

在vue项目中,调用微信扫一扫功能,在安卓系统下完全正常,ios系统下却报错‘invalid signature‘的错误,这可能令许多小伙伴困惑,经过查询大量博客相关资料,才找到了解决的方法。

原因:由于在ios和android中,location.href在spa页面的机制不同(不同在于ios是只要不刷新页面,href就不会改变,在vue项目中就会出现类型的问题),所以我们需要借助路由钩子函数,手动改变其页面的url地址,这样ios系统的手机才能正常调起微信扫一扫。

beforeRouteEnter(to, from ,next) {
    if(to.path != location.pathname) {
         location.assign(to.fullPath);
    } else {
        next();
    }
}

 这样就可以很完美的解决了这个问题了,希望能够对入坑的小伙伴有帮助~~ 

调用微信扫一扫功能,踩坑'invalid signature'

原文地址:https://www.cnblogs.com/linxing/p/9580018.html

时间: 2024-08-30 00:02:46

调用微信扫一扫功能,踩坑'invalid signature'的相关文章

微信小程序开发问题踩坑整理,web-view、openID、小程序支付等汇总

微信小程序开发过程中遇到的问题踩坑整理,内容包括web-view.openID.小程序支付.网络请求等等一系列问题汇总,希望对大家能有一定帮助和启发. 内容如下: 关于小程序web-view bindmessage 真机不触发的问题 小程序iOS访问服务器访问不上,但android没有问题 关于ssl证书加密后小程序访问出错问题 微信拨打电话数据调用问题,如何一键拨号 后台php调用微信小程序接口获取openid,返回的是null 小程序图片显示问题,开发者工具显示,手机预览不显示 微信小程序支

微信公众号之:JSSDK接入以及invalid signature等常见错误问题

最近在搞微信公众号开发,进行到网页开发部分被坑了一天,最坑的问题就是invalid signature,而网上大部分解答这个问题的都没有说清楚,都直接丢文档.博主认为这样很不好.本文是博主结合自身遇到的问题所写,整个流程跟问题都很详细,虽然排版可能有点不好.但是绝对对遇到类似问题的朋友有所帮助.请认真看下去 一.绑定JS接口安全域名 生产号绑定方法:登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名".测试号绑定方法:进入测

html2canvas+Canvas2Image分享海报功能踩坑

首先需要 import html2canvas from 'html2canvas'; import {Canvas2Image} from '../../assets/js/plug/canvas2image.js'; getBase64Image(data) { let that = this; var canvas = document.createElement("canvas"); canvas.width = $(data.dom).width(); canvas.heig

微信JS-SDK使用步骤(以微信扫一扫为例)

概述: 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微信分享.扫一扫.卡券.支付等微信特有的能力,为微信用户提供更优质的网页体验. JSSDK使用步骤: 1.先登录微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名". 备注:登录后可在"开发者中心"查看对应的接口

android调用微信支付,填坑

关于android调用微信支付,在网上基本是骂声一片.在于官方文档,对于许多问题都没有描述.我罗列一下我遇到的麻烦,供大家参考 首先想要获取微信支付功能,必须在微信开放平台,申请app 支付能力,根据官方文档,按照要求,完成后 官方会提供 appid .appsercert两个重要参数.以及自己设置的应用签名 一:官方文档 https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_1 根据官方文档,app需要先调用预支付接口获得 p

asp.net mvc 如何调用微信jssdk接口:分享到微信朋友(圈)| 分享到qq空间

如何在asp.net mvc 项目里, 调用微信jssdk接口,现实功能: 分享到微信朋友(圈)| 分享到qq空间 1 创建一个Action,准备一些数据,初始化数据(签名): /// <summary> /// 分享的内容 /// 必须写在html的head里面才可以生效 /// </summary> /// <param name="fxUrl"></param> /// <returns></returns>

最全面的调用微信的扫一扫功能(java 排坑版)

最近碰到了这么一个需求,说是在前端页面调用手机本地的相机,扫描二维码这么一个需求,对于我一个后端来说, 这实在是难,难于上青天,但是决不能说一个不字.我说可以使用微信的扫码工具吗,这样可以方便一点,...(起码有个思路) 看着微信文档,一步一步坑下去.不对,是走下去. 这里我们用测试是公众号,方便测试. 首先配置自己的appID和appsecret,这里的测试帐号直接就给出了 第二步: 验证服务器,这个很简单,按照文档的规则验证就好了 第三步: 直接使用二级域名,不能添加http://前缀,或者

微信公众号开发纪要(4)-调用微信扫一扫功能

在微信公众号页面中调用微信扫一扫功能,就是调用微信JS-SDK.让JS-SDK完成调用摄像头扫描,然后我们将扫描结果进行业务操作.微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包.通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微信分享.扫一扫.卡券.支付等微信特有的能力,为微信用户提供更优质的网页体验.如何调用微信JS-SDK,在微信公众平台技术文档中的微信网页开发-->微信JS-SDK说明文档中有详细

asp微信扫一扫代码,用asp写的实现调用微信扫一扫功能

最近一个客户要求想在他的微信会员卡系统中实现调用微信扫一扫功能,扫描他的会员卡上的条形码,读出会员卡号来,研究了一会,发现并不难,下面上代码: <div id="result"></div><button id="wxscan">调起扫一扫功能</button> <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"><