微信開發交流群：148540125
歡迎留言、轉發、打賞
系列文章參考地址 極速開發微信公眾號
項目源碼參考地址 點我點我--歡迎Start
服務號、訂閱號可以通過登錄 微信公眾平台 查看 開發>介面許可權
使用JSSDK主要包括
1、判斷當前客戶端版本是否支持指定JS介面、
2、分享介面（微信認證）
3、圖像介面
4、音頻介面
5、智能介面（識別語音並返回結果）
6、設備信息（獲取網路狀態）
7、地理位置
8、界面操作
9、微信掃一掃
10、微信小店（服務號必須通過微信認證）
11、微信卡券 （微信認證）
12、微信支付（服務號必須通過微信認證）
官方參考文檔
步驟一：綁定域名
先登錄微信公眾平台進入 公眾號設置 的 功能設置 里填寫 JS介面安全域名 。
步驟二：引入JS文件
在需要調用JS介面的頁面引入如下JS文件，（支持https）： http://res.wx.qq.com/open/js/jweixin-1.0.0.js
如需使用搖一搖周邊功能，請引入 http://res.wx.qq.com/open/js/jweixin-1.1.0.js
備註：支持使用 AMD/CMD 標准模塊載入方法載入
步驟三：通過config介面注入許可權驗證配置
簽名演算法生成規則
請 官方參考文檔
下面具體來講講 開源項目 weixin_guide 中的封裝。
使用的時候只要在Controller方法上添加一個攔截器 JSSDKInterceptor 來實現簽名驗證再將 wx.config 需要的參數設置對應的屬性在頁面上進行獲取。
攔截器實現如下：
在Controller中使用
JSP頁面上面使用
測試結果
在AppConfig 中添加路由 me.add("/jssdk", JSSDKController.class,"/view"); 手機中訪問 http://域名[/項目名稱]/jssdk ,如果設置了 debug= true 成功了就會彈出
如果出現 {"errorMsg":"config:invalid url domian"} 請檢查 步驟一：綁定域名 與你訪問的域名是否在安全域名列表當中
步驟四：通過ready介面處理成功驗證
步驟五：通過error介面處理失敗驗證
步驟六：介面調用
攔截器具體實現 參考地址 點這里
js 介面調用參考地址 點這里
以上就是JSSDK使用的介紹。
歡迎留言、轉發、打賞項目
源碼參考地址 點我點我--歡迎Start
❷ 微信開發者 jssdk怎麼使用
、先登錄微信公眾平台進入「公眾號設置」的「功能設置」里填寫「JS介面安全域名」。
備註：登錄後可在「開發者中心」查看對應的介面許可權。
2、頁面引入JS:http://res.wx.qq.com/open/js/jweixin-1.0.0.js
3、所有需要使用JS-SDK的頁面必須先注入配置信息
wx.config({
debug: true, // 開啟調試模式,調用的所有api的返回值會在客戶端alert出來，若要查看傳入的參數，可以在pc端打開，參數信息會通過log打出，僅在pc端時才會列印。
appId: '', // 必填，公眾號的唯一標識
timestamp: , // 必填，生成簽名的時間戳
nonceStr: '', // 必填，生成簽名的隨機串
signature: '',// 必填，簽名，見附錄1
jsApiList: [] // 必填，需要使用的JS介面列表，所有JS介面列表見附錄2
});
4、簽名演算法
生成簽名之前必須先了解一下jsapi_ticket，jsapi_ticket是公眾號用於調用微信JS介面的臨時票據。正常情況下，jsapi_ticket的有效期為7200秒，通過access_token來獲取。由於獲取jsapi_ticket的api調用次數非常有限，頻繁刷新jsapi_ticket會導致api調用受限，影響自身業務，開發者必須在自己的服務全局緩存jsapi_ticket 。
❸ js處理微信分享配置
整理一下通過h5做微信分享相關配置。
登錄微信公眾號， 獲取AppID ， 配置白名單 ，然後 配置JS介面安全域名 。
登錄公眾號後，左側菜單欄選擇：開發 => 基本配置，直接復制開發者ID(AppID)即可：
注意使用公網IP
左側菜單欄選擇：設置 => 公眾號設置：
網頁授權主要是獲取微信openId使用，如果只是用分享操作，本步可以略過。
網頁授權介紹
大致步驟是：
在配置完前面AppId、白名單及安全域名後，開始處理網頁授權。
網頁授權這一塊兒內容主要是後端需要處理的內容較多，前端還是很簡單的，僅需要跳入微信鏈接即可。為什麼要走這一步呢因為有些操作，例如微信支付、播放微信錄音、獲取微信地址、微信卡券、商品、小店等等許多功能必須在微信瀏覽器匯總打開操作才可以，因此需要跳入微信瀏覽器及微信鏈接來處理後續操作。當配置後，鏈接便只有在微信瀏覽器中打開才會生效了，不然會提示：
鏈接如下：
https://open.weixin.qq.com/connect/oauth2/authorize?appid={$appId}&redirect_uri=={$URL}&response_type=code&scope=snsapi_base#wechat_redirect
參數分解
可見，上面需要填入的變數有二，一個是前面回去的AppId，另外一個則是url，需要寫的是與配置域名所對應域名下的url，並且要進行urlEncode編碼處理使用。
在拿到上述完整鏈接後，通過 window.location.href = ${url} 進行網頁授權即可。在授權成功後，頁面會重定向到自己設置的url頁面去，然後在該連接上會有code值，取出即可：
將拿到的code值傳給後端即可，看具體需求決定是否前端使用openId，如果非必要則不在前端獲取保存或者由後端加密後傳給前端使用。
大致分為五個步驟：
在步驟 1.3 中已經配置。
在需要調用JS介面的頁面引入如下JS文件： https://res.wx.qq.com/open/js/jweixin-1.6.0.js
備註：支持使用 AMD/CMD 標准模塊載入方法載入
配置需要如下幾個參數：
那這些參數從哪兒來呢？依舊不用擔心，依然是交給後端處理，後端返回時間戳、隨機串及簽名，其他的自己配置即可。
通過後端獲取需要進行一個小交互，將此時的鏈接地址(window.location.href)傳給後端即可。
於是就有了上述的除了最後一個以外的所有參數。最後一個 jsApiList 則是寫分享介面，如我們想要分享到朋友圈、QQ、騰訊微博這3個，那就寫：
可以發現，我們其實多配置了一個 checkJsApi ，這個是一個判斷配置，可以判斷當前客戶端版本是否支持指定JS介面。
簽名演算法
所有JS介面列表
接下來就可以寫分享信息配置了。配置信息一般都是通過 wx.ready 處理的:
例如我們要分享到朋友圈，配置則如下：
注意：不要出現 誘導分享
同樣，一般都是通過 wx.error 處理失敗相關信息：
其實微信分享（地理位置、掃一掃、卡券等微信各類介面）都是通過上述步驟配置的，可舉一反三，在面對不同需求時通過微信開發文檔來進行更為復雜的操作。