今天說說微商城項(xiàng)目中用到的掃一掃這個(gè)功能，分享一下，希望對(duì)各位有所幫助。

前提：要有公眾號(hào)，和通過微信認(rèn)證，綁定域名，得到相應(yīng)信息，appid，appsecret等。

微信開發(fā)文檔：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

來看看效果圖：

??

1：引入JS文件

2：config接口注入權(quán)限驗(yàn)證配置

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>

?

wx.config({debug: false,appId: appid,timestamp: timestamp,nonceStr: noncestr,signature: signature,jsApiList: ['scanQRCode'//使用的JS接口 ]});

?

注：所有需要使用JS-SDK的頁面必須先注入配置信息，否則將無法調(diào)用（同一個(gè)url僅需調(diào)用一次，對(duì)于變化url的SPA的web app可在每次url變化時(shí)進(jìn)行調(diào)用,

目前Android微信客戶端不支持pushState的H5新特性，所以使用pushState來實(shí)現(xiàn)web app的頁面會(huì)導(dǎo)致簽名失敗，此問題會(huì)在Android6.2中修復(fù)）。

?

在Html中添加一個(gè)Button按鈕，添加掃一掃點(diǎn)擊事件調(diào)用掃一掃功能

$(function () {$("#qrscan").click(function () {wx.scanQRCode({// 默認(rèn)為0，掃描結(jié)果由微信處理，1則直接返回掃描結(jié)果needResult : 1,scanType: ["qrCode","barCode"], // 可以指定掃二維碼還是一維碼，默認(rèn)二者都有success : function(res) {//掃碼后獲取結(jié)果參數(shù)賦值給Inputvar result = res.resultStr;layer.success('掃碼成功'+result);$("#qrcodevalue").text(result);//掃碼后結(jié)果顯示在頁面上}});});});

?

注：我用到的參數(shù)? appid，appsecret等信息在php代碼中。

?

轉(zhuǎn)載于:https://www.cnblogs.com/zhangqie/p/8298645.html

總結(jié)

以上是生活随笔為你收集整理的PHP--------微信网页开发实现微信扫码功能的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。