鍍金池/ 問(wèn)答/網(wǎng)絡(luò)營(yíng)銷  HTML/ 微信公眾號(hào)使用js-sdk注入配置信息字段獲取問(wèn)題

微信公眾號(hào)使用js-sdk注入配置信息字段獲取問(wèn)題

圖片描述

這三個(gè)字段是找后臺(tái)拿么

回答
編輯回答
小曖昧

是的,需要從后臺(tái)獲取,首先要在你頁(yè)面所在服務(wù)器的目錄里邊存儲(chǔ)微信官方的配置文件,應(yīng)該是一個(gè)txt文件,然后將頁(yè)面的url作為參數(shù)請(qǐng)求后端接口,接口返回值就是那三個(gè)字段

$.ajax({
    data: {
        // 當(dāng)前網(wǎng)頁(yè)的url作為參數(shù)   發(fā)請(qǐng)求
      url: encodeURI(location.href.split('#')[0])
    },
    type: "GET",
    url: "api/get-weixin-token",
    success: function(data){
      let timestamp = data.data.timestamp;
      let noncestr = data.data.noncestr;
      let signature = data.data.signature;
      WxConfig(timestamp,noncestr,signature);
    }
  });
  
  // 微信分享config
    function WxConfig(timestamp,noncestr,signature){
      wx.config({
        debug: false, // 開(kāi)啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來(lái),若要查看傳入的參數(shù),可以在pc端打開(kāi),參數(shù)信息會(huì)通過(guò)log打出,僅在pc端時(shí)才會(huì)打印。
        appId: '', // 必填,公眾號(hào)的唯一標(biāo)識(shí)
        timestamp: timestamp, // 必填,生成簽名的時(shí)間戳
        nonceStr: noncestr, // 必填,生成簽名的隨機(jī)串
        signature: signature,// 必填,簽名
        jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone'] // 必填,需要使用的JS接口列表
      });
    }
2017年9月29日 15:15