微信網頁分享-配置與設置

首先須要登陸微信公衆平臺：

　　一、獲取信息：開發者ID(AppId)、開發者密碼（AppSecret），後端生成簽名及參數須要用

　　　　　開發 - 基本設置 - 公衆號開發信息

 

　　二、設置信息：

　　　　設置IP白名單（經過開發者ID及密碼調用獲取access_token接口時，須要設置訪問來源IP爲白名單）

　　　　設置js接口安全域名（要分享的html地址）

 

 

 

接下來就是引入js文件，和配置了，直接上代碼了：

  <script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js "></script>
  <script>
    // var baseUrl = "https://finance.zhecaijinfu.com";
    var baseUrl = "http://192.168.1.148:8080";
    var href = window.location.href.replace(/#.*/, '');

    //    獲取簽名
    $.ajax({
      url: baseUrl + '/wx/sign',
      type: 'get',
      data: {
        url: href
      },
      success: function (resC) {
        wx.config({
          // debug: true, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。
          appId: 'wx352c87cab48b123f', // 必填，公衆號的惟一標識
          timestamp: resC.result.timestamp, // 必填，生成簽名的時間戳
          nonceStr: resC.result.nonceStr, // 必填，生成簽名的隨機串
          signature: resC.result.signature,// 必填，簽名
          jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ'] // 必填，須要使用的JS接口列表
        });

        wx.ready(function () {
          // config信息驗證後會執行ready方法，全部接口調用都必須在config接口得到結果以後，config是一個客戶端的異步操做，因此若是須要在頁面加載時就調用相關接口，則須把相關接口放在ready函數中調用來確保正確執行。對於用戶觸發時才調用的接口，則能夠直接調用，不須要放在ready函數中。
          var shareData = {
            title: '註冊送18888元體驗金和688元現金禮包',
            desc: '浙財寶是專一於房貸、信用貸的互聯網金融綜合服務平臺',
            link: 'https://apph5.zhecaijinfu.com/invite.html',
            imgUrl: 'https://www.zhecaijinfu.com/images/logo_txt.png'
          };
          //獲取「分享給朋友」按鈕點擊狀態及自定義分享內容接口
          wx.onMenuShareAppMessage(shareData);
          //獲取「分享到朋友圈」按鈕點擊狀態及自定義分享內容接口        
          wx.onMenuShareTimeline(shareData);
          //獲取「分享到QQ」按鈕點擊狀態及自定義分享內容接口        
          wx.onMenuShareQQ(shareData);
        });

      },
      error: function (err) {
        console.log(err);
      }
    })
  </script>

 

經過開發者ID及密碼調用獲取access_token接口時，須要設置訪問來源IP爲白名單