調用微信JS-SDK配置簽名

先後端進行分開開發：

1：後端實現獲取

　　+++接口憑證：access_token （公衆號的全局惟一接口調用憑據）

　　　　** GET 獲取：https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

　　+++接口票據：jsapi_ticket （ JS-SDK 配置簽名票據）

　　　　** GET獲取：https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

 

2：進行字典URL鍵值對的格式排序（即key1=value1&key2=value2…）拼接成字符串

（微信配置簽名以）

詳情：#附錄1-JS-SDK使用權限簽名算法 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 

 

後端實現了簽名配置，前端調用後端提供的接口便可

注意：打開是在本身服務號配置好的域名形式打開：如 http://buy.shopline.com//html/index.html

在微信開發工具或是微信上，打開 便會提示 配置具體是否成功信息！

config:ok即表示完成配置，就能夠調用 JS-SDK了，實現本身具體的想要的JS-SDK提供的接口！

/js/wxconfig.js

    //配置 wx.config
    //這一步配置成功的

    $.ajax({
        url: '/config',
        type: 'GET',
        //必須進行 url 編碼
        ////////////////////
        data: {
            url: location.href.split('#')[0]//@todo 重要：後臺須要獲取簽名使用
        },
        dataType: 'json',
        success: function (res) {
            wx.config({
                beta: true,
                debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。
                appId: res.appid, // 必填，公衆號的惟一標識 wx4943f6480a79a436
                timestamp: res.timestamp, // 必填，生成簽名的時間戳
                nonceStr: res.nonceStr, // 必填，生成簽名的隨機串
                signature: res.signature,// 必填，簽名，見附錄1
                jsApiList: ['chooseInvoice', 'chooseCard'] // 必填，須要使用的JS接口列表，全部JS接口列表見附錄2
            });
        }
    })

 

//index.html

<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="/js/wxconfig.js"></script>
<script>
  wx.ready(function () {
      //此處配置完成，根據本身需求進行接口是否配置完成調用
      //wx.ready 如 document.ready
  });
</script>

 

只要這一步，成功了！下面幹正事......