微信js sdk動態引用

一般情況下，微信的js-sdk只需要直接引用script即可

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

但是有的時候，當我們的網頁訪問的環境多樣的時候，比如APP內部，手機瀏覽器時候，並不需要引用這個js

甚至都不需要初始化微信js-sdk的環境：例如簽名等操作

那么首先得區分一下當前的網頁環境是否是微信瀏覽器，如下：

  /**
     * 是否是微信瀏覽器內
     */
    IsWeiXinBrowser() {
      var ua = navigator.userAgent.toLowerCase();
      var isWeixin = ua.indexOf("micromessenger") != -1;
      if (isWeixin) {
        return true;
      } else {
        return false;
      }
    }

然后，再加載微信的js-sdk

 if (this.IsWeiXinBrowser) {
      var script = document.createElement("script");
      script.type = "text/javascript";
      script.src = "https://res.wx.qq.com/open/js/jweixin-1.2.0.js";
      document.getElementsByTagName("head")[0].appendChild(script);

      script.onload = () => {
        // 需要初始化sdk環境，等等...
      };
    }

onload函數里面通常就是獲取簽名和初始化wx

            let wxConfig = {
              debug: false,
              appId: config.appId,
              timestamp: config.timestamp,
              nonceStr: config.nonceStr,
              signature: config.signature,
              jsApiList: [
                "checkJsApi",
                "onMenuShareTimeline",
                "onMenuShareAppMessage",
                "onMenuShareQQ",
                "onMenuShareWeibo"
              ]
            };

            wx.config(wxConfig);

這里貼一段初始化分享功能的代碼，其他功能請參考sdk文檔，config對象需要后端支持返回簽名結果。

以上只是部分代碼，僅供參考！