毕业设计 网站开发,桂林红豆网论坛,网络媒体软文案例,互联网公司排名 百度今天说说微商城项目中用到的扫一扫这个功能#xff0c;分享一下#xff0c;希望对各位有所帮助。 前提#xff1a;要有公众号#xff0c;和通过微信认证#xff0c;绑定域名#xff0c;得到相应信息#xff0c;appid#xff0c;appsecret等。 微信开发文档#xff1a;…今天说说微商城项目中用到的扫一扫这个功能分享一下希望对各位有所帮助。 前提要有公众号和通过微信认证绑定域名得到相应信息appidappsecret等。 微信开发文档https://mp.weixin.qq.com/wiki?tresource/res_mainidmp1421141115 来看看效果图 1引入JS文件 2config接口注入权限验证配置 script srchttp://res.wx.qq.com/open/js/jweixin-1.2.0.js typetext/javascript/script wx.config({debug: false,appId: appid,timestamp: timestamp,nonceStr: noncestr,signature: signature,jsApiList: [scanQRCode//使用的JS接口]}); 注所有需要使用JS-SDK的页面必须先注入配置信息否则将无法调用同一个url仅需调用一次对于变化url的SPA的web app可在每次url变化时进行调用, 目前Android微信客户端不支持pushState的H5新特性所以使用pushState来实现web app的页面会导致签名失败此问题会在Android6.2中修复。 在Html中添加一个Button按钮添加扫一扫点击事件调用扫一扫功能 $(function () {$(#qrscan).click(function () {wx.scanQRCode({// 默认为0扫描结果由微信处理1则直接返回扫描结果needResult : 1,scanType: [qrCode,barCode], // 可以指定扫二维码还是一维码默认二者都有success : function(res) {//扫码后获取结果参数赋值给Inputvar result res.resultStr;layer.success(扫码成功result);$(#qrcodevalue).text(result);//扫码后结果显示在页面上}});});}); 注我用到的参数 appidappsecret等信息在php代码中。 转载于:https://www.cnblogs.com/zhangqie/p/8298645.html
