java調用微信掃一掃

本文轉載自查看原文 2018-07-31 16:30 1177 微信

步驟：

1，獲取Accesstoken（參考我之前的文章）

2，獲取jsapiticket（參考我之前的文章）

3，獲取簽名

4JSSDK使用步驟

　　步驟一：綁定域名(JS接口安全域名),。否則會報invalid url domain
　　步驟二：引入JS文件http://res.wx.qq.com/open/js/jweixin-1.2.0.js
　　步驟三：通過config接口注入權限驗證配置
　　步驟四：通過ready接口處理成功驗證
　　步驟五：通過error接口處理失敗驗證

5.調用掃一掃接口

controller

package controller;

import java.security.MessageDigest;
import java.security.NoSuchAlgorithmException;
import java.util.UUID;

import javax.servlet.http.HttpServletRequest;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import util.AccessTokenUtil;

/**
 * @author zhangyanan
 * @todo 微信掃一掃
 * @date 2018年7月23日
 */
@Controller
@RequestMapping("/scan")
public class ScanController {
    Logger logger=LoggerFactory.getLogger(ScanController.class);
    
    /**
     * @todo 掃一掃准備操作 
     * @author zhangyanan
     * @date 2018年7月31日
     */
    @RequestMapping("/preScan")
    public String preScan(HttpServletRequest req){
        Long timestamp = System.currentTimeMillis() / 1000;
        String nonceStr =UUID.randomUUID().toString();
        //AccessTokenUtil.getJsApiTicket()是獲取jsapi_ticket
        String sign = getSign(AccessTokenUtil.getJsApiTicket(),nonceStr,timestamp,req.getRequestURL().toString());
        req.setAttribute("timestamp", timestamp);
        req.setAttribute("nonceStr", nonceStr);
        req.setAttribute("sign", sign);
        return "scan";
    }

    /**
     * @todo 獲取簽名 注意這里參數名必須全部小寫，且必須有序
     * @author zhangyanan
     * @date 2018年7月31日
     */
    private String getSign(String jsapi_ticket, String noncestr, Long timestamp, String url){
        try {
            String shaStr = "jsapi_ticket=" + jsapi_ticket + "&noncestr=" + noncestr + "&timestamp=" + timestamp + "&url="+ url;
            logger.info(shaStr);
            
            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();
        } catch (NoSuchAlgorithmException e) {
            logger.error("獲取微信簽名異常",e);
            return null;
        }
    }
}

View Code

scan.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>微信掃一掃</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.2.1.1.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<!-- <script type="text/javascript" src="js/weixin.js"></script> -->
</head>
<body>
<button id="scanQRCode" onclick="scanCode()">掃碼</button>
<input id="timestamp" type="hidden" value="${timestamp}" />
<input id="noncestr" type="hidden" value="${nonceStr}" />
<input id="signature" type="hidden" value="${sign}" />
</body>
<!-- JSSDK使用步驟
步驟一：綁定域名
步驟二：引入JS文件http://res.wx.qq.com/open/js/jweixin-1.2.0.js
步驟三：通過config接口注入權限驗證配置
步驟四：通過ready接口處理成功驗證
步驟五：通過error接口處理失敗驗證 -->
<script type="text/javascript">
    $(function(){
        wxConfig($("#timestamp").val(),$("#noncestr").val(),$("#signature").val());
    });
    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 : "wx867cb83bc6a97559", // 必填，公眾號的唯一標識
            timestamp : _timestamp, // 必填，生成簽名的時間戳
            nonceStr : _nonceStr, // 必填，生成簽名的隨機串
            signature : _signature,// 必填，簽名，見附錄1
            jsApiList : ['scanQRCode' ]// 必填，需要使用的JS接口列表，所有JS接口列表見附錄2        
        });
        wx.ready(function(){
            // config信息驗證后會執行ready方法，所有接口調用都必須在config接口獲得結果之后，config是一個客戶端的異步操作，所以如果需要在頁面加載時就調用相關接口，則須把相關接口放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的接口，則可以直接調用，不需要放在ready函數中。
            alert("config完成");
        });
        wx.error(function(res){
            // config信息驗證失敗會執行error函數，如簽名過期導致驗證失敗，具體錯誤信息可以打開config的debug模式查看，也可以在返回的res參數中查看，對於SPA可以在這里更新簽名。
            alert("config失敗");
        });
    }
    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>
</html>

View Code

參考文章：

官網api：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

文章1：https://blog.csdn.net/ricky73999/article/details/78588722

文章2：https://blog.csdn.net/hfhwfw/article/details/76038923

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 前端調用微信掃一掃調用微信掃一掃接口微信掃一掃接口的調用 php 微信調用掃一掃微信JSSDK開發，調用微信掃一掃 JAVA & jsp前端 & js實現微信調用jssdk在網頁端實現調用掃一掃，java+jsp 微信調用掃一掃功能實現 php頁面調用微信掃一掃 Vue 調用微信掃一掃功能 .Net 調用微信公眾號掃一掃