一.必要的準備
乙個備案過的網域名稱
二.配置過程
步驟一：繫結網域名稱
步驟二：引入js檔案
在需要呼叫js介面的頁面引入如下js檔案，（支援https）：
說明：在angular2中，可直接在index.html頁面中引入，這樣每個頁面都會引入。步驟三：通過config介面注入許可權驗證配置
所有需要使用js-sdk的頁面必須先注入配置資訊，否則將無法呼叫。
wx.config();wx.ready(function () ,
cancel: function ()
})});
由於angular2載入每個元件都被包在根元件裡，因此可以只在根元件中配置公共的分享配置資訊，即可給所有的頁面新增優化的分享操作。配置思路如下：
在根元件裡配置公共的初始化分享介面資訊；
在每次載入頁面時，為該頁面新增初始化分享；
有一套預設的分享配置，且在頁面中使用id配置分享的資訊，如頁面未配置分享資訊，則使用預設配置；
基於以上思路，最終的實現**如下：
...ngafterviewinit()
//配置分享
private configwx() );
settimeout(function () ;
//獲取頁面中配置的分享資訊，如未配置則使用預設資訊
sharedata['title'] = document.getelementbyid('sharetitle') ?document.getelementbyid('sharetitle').innertext : sharedata.title;
sharedata['imgurl'] = document.getelementbyid('shareimg') ? document.getelementbyid('shareimg').getattribute('src') : sharedata.imgurl;
sharedata['desc'] = document.getelementbyid('sharedesc') ? document.getelementbyid('sharedesc').innertext : sharedata.desc;
wx.ready(function () );
}, 2000); //說明：根元件初始化完成，子元件的非同步請求資料可能還未返回，因此在2秒後註冊分享。
}});
} //自動獲取分享的縮圖
private getdefaultshareimgurl()
let imglist = document.queryselectorall('img');
for (let i = 0; imglist[i]; i++) }}
至此，只在一處配置，可以靈活配置的分享完成了。
完成：最終的分享是這樣：
附錄.踩坑記錄
造成這個情況的可能性比較多。不過主要有以下三個原因：
確認簽名演算法正確，可用 頁面工具進行校驗。
確定wx.config中noncestr和timestamp的字母大小寫是否正確【常見錯誤】
jssdk分享設定 微信分享 JSSDK的使用
分享功能的 一般會放在beforecreate或mounted鉤子中，如下 then else 分享成功觸發 cancel function 分享取消觸發，需要時可以呼叫 options object.assign defaults,options wx.ready function from ut...
微信JSSDK的使用步驟
wx.config 這一步很關鍵，許多小夥伴都止步於此，首先我們先來看一下signature的生成過程，要獲得signature，必須通過access token來換取jsapi ticket，接著 jsapi ticket和其它引數排序後通過sha1演算法才能得到signature 3.1 獲取a...
微信分享 JSSDK的使用
假如下面是我們請求介面的資料 1 12 一切準備就緒之後，我們來根據不同頁面的使用方式一一分解 先說引入的問題 首先，在index.html頁面先引入jssdk檔案 156 當然，你也可以用最簡單的方式引入789 我個人比較喜歡第一種。下面就開始使用了，先來乙個 初級版本的方式 方式一，所有 直接寫...