1. 確保有 調起微信掃一掃介面 許可權，測試號可能不行；

2. 匯入相關JS

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

3. 頁面觸發掃碼元素

<img src="../../../images/right.jpg" onclick="scanCode()" class="img">
 

4. 相關JS程式碼

<script type="text/javascript">
	var _appId = "wxz88dbd30e5580e59";
	var _data = {
		appId : _appId,
		url : location.href,
		t : Math.random()
	};
	var _getWechatSignUrl = 'http://test.com/getWechatSign.do';

	// 獲取微信簽名
	$.ajax({
		url : _getWechatSignUrl,
		data : _data,
		success : function(o) {
			console.log(o);
			if (o.returnCode == "00") {
				wxConfig(o.detail[0].timestamp, o.detail[0].nonceStr, o.detail[0].signature);
			}
		}
	});
	function wxConfig(_timestamp, _nonceStr, _signature) {
		//alert('獲取資料：'+_timestamp+'\n'+_nonceStr+'\n'+_signature);
		console.log('獲取資料：' + _timestamp + '\n' + _nonceStr + '\n' + _signature);
		wx.config({
			debug : true, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來，若要檢視傳入的引數，可以在pc端開啟，引數資訊會通過log打出，僅在pc端時才會列印。
			appId : _appId, // 必填，公眾號的唯一標識
			timestamp : _timestamp, // 必填，生成簽名的時間戳
			nonceStr : _nonceStr, // 必填，生成簽名的隨機串
			signature : _signature,// 必填，簽名，見附錄1
			jsApiList : [ 'onMenuShareTimeline', 'onMenuShareAppMessage',
					'onMenuShareQQ', 'onMenuShareWeibo', 'scanQRCode' ]
		// 必填，需要使用的JS介面列表，所有JS介面列表見附錄2
		});
	}
	function scanCode() {
		wx.scanQRCode({
			needResult : 1,
			scanType : [ "qrCode", "barCode" ],
			success : function(res) {
				console.log(res)
				alert(JSON.stringify(res));
				var result = res.resultStr;
			},
			fail : function(res) {
				console.log(res)
				alert(JSON.stringify(res));

			}
		});
	}
</script>
 

timestamp

Long timestamp = System.currentTimeMillis() / 1000;

String nonceStr = RandomStringUtils.randomAlphanumeric(16);

signature

public static String getSign(String jsapi_ticket, String noncestr, Long timestamp, String url)
		throws NoSuchAlgorithmException {
	String shaStr = "jsapi_ticket=" + jsapi_ticket + "&noncestr=" + noncestr + "×tamp=" + timestamp + "&url="
			+ url;
	MessageDigest mDigest = MessageDigest.getInstance("SHA1");
	byte[] result = mDigest.digest(shaStr.getBytes());
	StringBuffer signature = new StringBuffer();
	for (int i = 0; i < result.length; i++) {
		signature.append(Integer.toString((result[i] & 0xff) + 0x100, 16).substring(1));
	}
	return signature.toString();
}
 

6. 微信參考文件