欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信JSSDK調用微信掃一掃功能的方法

 更新時間:2017年07月25日 11:55:02   作者:hfhwfw  
這篇文章主要為大家詳細介紹了微信JSSDK調用微信掃一掃功能的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下

如何利用微信JSSDK調用微信掃一掃功能?具體內容如下

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. 頁面觸發(fā)掃碼元素

<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('獲取數(shù)據(jù):'+_timestamp+'\n'+_nonceStr+'\n'+_signature); 
  console.log('獲取數(shù)據(jù):' + _timestamp + '\n' + _nonceStr + '\n' + _signature); 
  wx.config({ 
   debug : true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來,若要查看傳入的參數(shù),可以在pc端打開,參數(shù)信息會通過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> 

5. 獲取簽名接口getWechatSign.do各值生成方式

timestamp

Long timestamp = System.currentTimeMillis() / 1000; 

nonceStr

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. 微信參考文檔

獲取access_token  https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183
獲取jsapi_ticket  https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • JS小游戲之宇宙戰(zhàn)機源碼詳解

    JS小游戲之宇宙戰(zhàn)機源碼詳解

    這篇文章主要介紹了JS小游戲之宇宙戰(zhàn)機源碼,是一款非常經(jīng)典的游戲源碼,包含了游戲設計中比較常見的邏輯處理,本文附帶了該游戲的完整源碼,需要的朋友可以參考下
    2014-09-09
  • JavaScript的基礎語法和數(shù)據(jù)類型詳解

    JavaScript的基礎語法和數(shù)據(jù)類型詳解

    這篇文章主要介紹了JavaScript的基礎語法和數(shù)據(jù)類型,保姆級的詳細教程,萬字長文詳細的列出了JavaScript的各種語法,建議收藏系列,希望可以有所幫助
    2021-09-09
  • js jquery數(shù)組介紹

    js jquery數(shù)組介紹

    js jquery數(shù)組介紹,數(shù)組時編程中比較常用的處理,需要的朋友可以參考下
    2012-07-07
  • js函數(shù)模擬顯示桌面.scf程序示例

    js函數(shù)模擬顯示桌面.scf程序示例

    這篇文章主要介紹了一個模擬顯示桌面.scf程序的JS小函數(shù),需要的朋友可以參考下
    2014-04-04
  • javascript getElementById 使用方法及用法

    javascript getElementById 使用方法及用法

    顧明思義,get-Element-By-Id,就是通過ID來設置/返回HTML標簽的屬性及調用其事件與方法。用這個方法基本上可以控制頁面所有標簽,條件很簡單就是給每個標簽分配一個ID號
    2008-11-11
  • JS如何循環(huán)遍歷JSON數(shù)據(jù)

    JS如何循環(huán)遍歷JSON數(shù)據(jù)

    這篇文章主要介紹了JS如何循環(huán)遍歷JSON數(shù)據(jù)的方法,本文提供了 JS 循環(huán) JSON 數(shù)據(jù)列,以及 JS 循環(huán)遍歷 JSON 數(shù)據(jù)的例子,需要的朋友可以參考下
    2024-01-01
  • 微信小程序遍歷Echarts圖表實現(xiàn)多個餅圖

    微信小程序遍歷Echarts圖表實現(xiàn)多個餅圖

    這篇文章主要介紹了微信小程序遍歷Echarts圖表實現(xiàn)多個餅圖,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2019-04-04
  • uniapp使用第三方UI庫uview-plus的方法

    uniapp使用第三方UI庫uview-plus的方法

    uview-plus是uni-app全面兼容nvue的uni-app生態(tài)框架,全面的組件和便捷的工具會讓您信手拈來,下面這篇文章主要給大家介紹了關于uniapp使用第三方UI庫uview-plus的方法,需要的朋友可以參考下
    2023-04-04
  • 不使用ajax實現(xiàn)無刷新提交表單

    不使用ajax實現(xiàn)無刷新提交表單

    這篇文章主要介紹了不使用ajax實現(xiàn)無刷新提交表單的方法,需要的朋友可以參考下
    2014-12-12
  • 監(jiān)控微信小程序中的慢HTTP請求過程詳解

    監(jiān)控微信小程序中的慢HTTP請求過程詳解

    這篇文章主要介紹了監(jiān)控微信小程序中的慢HTTP請求過程詳解,F(xiàn)undebug 的微信小程序監(jiān)控插件在 0.5.0 版本已經(jīng)支持監(jiān)控 HTTP 請求錯誤,在小程序中通過wx.request發(fā)起 HTTP 請求,如果請求失敗,會被捕獲并上報,需要的朋友可以參考下
    2019-07-07

最新評論