JS_微信公众号开发调用扫码支付功能

需要在公众号里面切入扫码功能
前端代码：

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"><title>调用扫一扫</title><style></style>
</head>
<body>
<div>点我调用扫一扫</div>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>var div=document.querySelector('div');div.onclick=function(){getWxConfig();}function getWxConfig(){$.ajax({"type" : "POST","url" :"http://wx-proxy-feima.feima666.com/rest/auth/sign","data" : {"url" : location.href.split('#')[0]},"dataType" : "json","success" : function(result) {console.log('result',result)var timestamp = result.timestamp;;var noncestr = result.nonceStr;var signature = result.signature;var appId=result.appId;wx.config({debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。//                                debug : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId : appId, // 必填，公众号的唯一标识timestamp : timestamp, // 必填，生成签名的时间戳nonceStr : noncestr, // 必填，生成签名的随机串signature :signature,// 必填，签名，见附录1jsApiList: ['checkJsApi','onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','hideMenuItems','showMenuItems','hideAllNonBaseMenuItem','showAllNonBaseMenuItem','translateVoice','startRecord','stopRecord','onRecordEnd','playVoice','pauseVoice','stopVoice','uploadVoice','downloadVoice','chooseImage','previewImage','uploadImage','downloadImage','getNetworkType','openLocation','getLocation','hideOptionMenu','showOptionMenu','closeWindow',//关闭窗口'scanQRCode','chooseWXPay','openProductSpecificView','addCard','chooseCard','openCard'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2});wx.ready(function() {wx.scanQRCode({needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有success: function (res) {console.log('res=========>',res);var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果alert(result)sessionStorage.setItem('saomiao_result',result);//其它网页调用二维码扫描结果：//var result=sessionStorage.getItem('saomiao_result');}});});}});}
</script>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</html>

在运行中存在的问题：

1.config:invalid url domain

这个需要在微信的公众号后台把你要访问的url权限加上
解决网址：https://blog.csdn.net/u010575112/article/details/52661936

2.config:invalid siginature

签名失败这个需要后端配合前端可以用个网址去测试后端给的签名
网址：https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

JS_微信公众号开发调用扫码支付功能相关推荐

微信公众号开发之扫码支付
此项目已开源欢迎Start.PR.发起Issues一起讨论交流共同进步 https://github.com/Javen205/IJPay http://git.oschina.net/javen20 ...
关于微信公众号开发中扫码关注和关注之后继续扫码的不同点
2019独角兽企业重金招聘Python工程师标准>>> 开发微信商城,当遇到需要绑定上下级关系的时候,会通过扫码的方式关注公众号,但是如果不想做这个人的下级,后台添加解绑功能,继续扫 ...
“errcode“:40164,“errmsg“:“invalid ip ...微信公众号开发调用失败的解决办法
问题概述关于这个问题,博主是在进行微信公众号平台开发的过程中遇到的, 微信公众号平台的前后端代码开发完成后,在联调接口调用: " https://api.weixin.qq.com/cgi ...
微信公众号调起扫码功能
偶然接触到了公众号开发.说需要调起微信扫一扫.便查看了公众号开发文档看完文档后,发现js是相对简单的.唯一的难点是在java后台编写的秘钥生成代码. 也就是说.首先需要获取access_token, ...
java微信公众号开发及源码分享
java微信公众号开发源码下载刚做完微信公众号项目,分享一下代码,经验!初写博客,格式写得不好,还请见谅.有不懂的可以留言或加qq 505281494交流下. 一．第一步进行服务器接口配置,提交信 ...
java 微信开发收到乱码_微信公众号开发调用微信接口得到的参数中文变成乱码问题...
做过微信开发的人应该都会接触到授权登录.获取用户信息等操作,比如获取用户信息,腾讯要求以get请求提交,返回的是json字符串. 通常我们使用的方法是用HttpURLConnection去调用接口,打 ...
微信公众号拉取扫码功能
点击扫码按钮拉取微信扫码 // 扫码添加设备goAddEquipment() {const wx = window.wxlet _this = this// wx.ready(function() { ...
以后的blog将转移到微信公众号，请扫码关注谢谢！
广东省中医院微信公众号医保个账支付功能
绑定社保卡的方法直接在服务号的主菜单点击"个人中心"→"我的社保卡"来按提示操作完成社保卡的绑定: 各位用户们,当您看到这条通知时,即可跟着下面的操作流程图绑 ...

JS_微信公众号开发调用扫码支付功能

在运行中存在的问题：

1.config:invalid url domain

2.config:invalid siginature

JS_微信公众号开发调用扫码支付功能相关推荐

最新文章

热门文章