先登錄買粉絲公眾平臺進入“買粉絲設置”的“功能設置”里填寫“JS接口安全域名”。
備注：登錄后可在“開發者中心”查看對應的接口權限。
在需要調用JS接口的頁面引入如下JS文件，（支持買粉絲s）： 買粉絲://res.wx.qq.買粉絲/open/js/jweixin-1.6.0.js
如需進一步提升服務穩定性，當上述資源不可訪問時，可改訪問： 買粉絲://res2.wx.qq.買粉絲/open/js/jweixin-1.6.0.js （支持買粉絲s）。
備注：支持使用 AMD/CMD 標準模塊加載方法加載
打開手機買粉絲，進入買粉絲首頁，在買粉絲首頁中點擊“訂閱號”，進入買粉絲的訂閱號頁面進入買粉絲訂閱號頁面后，點擊我們要掃描的二維碼所在的買粉絲買粉絲
進入該買粉絲頁面后，找到二維碼所在的買粉絲內文章，點擊進入文章頁面找到二維碼
在買粉絲文章中找到要掃描的二維碼后，長按該二維碼圖片
長按該二維碼圖片后，頁面顯示對于該二維碼的相關功能，可以保存該二維碼、收藏等，點擊“識別圖中二維碼”
點擊識別圖中二維碼后，進入識別二維碼的結果頁面，這樣我們在買粉絲中就把二維碼掃描了
這是我第一次買粉絲開發，本以為看著買粉絲官方文檔直接復制粘貼就好了，沒想到是我天真了，爬過一個坑又入一個坑！就這么一個簡單的事，竟然搞了一下午，所以寫了這篇文章，希望可以幫到大家！
第一步：引入 weixin-js-sdk
直接在 買粉絲 文件內，使用 script 引入：
或者
第二步：權限驗證配置
timestamp,nonceStr,signature 重要信息請根據自己的買粉絲信息去獲取。需要注意的是 debug 調試的時候，設置為 true ，會自動彈出配置成功或失敗信息，調試時可以借助它。
第三步：調用掃一掃接口
我們在需要的按鈕處，點擊事件處開始調用掃碼接口，如：
做了一個判斷處理，檢查只有買粉絲瀏覽器，其他瀏覽器不可以調用：
第四步：真機測試
真機測試的時候，一直在提示：
errMsg:買粉絲nfig:invalid signature
中文叫做簽名無效。
查找原因是因為我的簽名獲取來和官方 買粉絲 js 接口簽名校驗工具獲取來的數據不一樣，很明顯獲取的簽名有問題，是因為我的 url 配置和前端調起接口的 url 不一致造成的。
第五步：蘋果手機測試
蘋果手機真機測試，提示錯誤信息為：
the permission value is offline verifying
翻譯為中文：權限值正在脫機驗證
這個錯誤原因是 買粉絲nfig 沒有正確執行。
又繼續去檢查簽名的問題，最后發現是后臺接口字段寫錯了，欲哭無淚，總之還是簽名信息錯誤。
第六步：安卓正常，蘋果點擊無反應
用安卓測試的時候，竟然好了，完美展示掃碼結果，以為要好了。使用 ios 測試的時候，竟然發現點擊的時候沒有任何反應。
找了半天原因，是因為 window.location.href 不同造成的。
測試結果：
安卓：買粉絲s://hp.
.買粉絲/IOS：買粉絲s://hp.
.買粉絲//IOS 手機就是因為 url 與簽名配置處的 url 不同，所以導致 買粉絲nfig 執行失敗。究其原因是因為我的 vue-router 是 hash 模式。
解決方案：把我的 hash 模式換成 history 模式。記得后臺也需要配置 nginx 。
第七步：IOS 掃碼無反應
當 IOS 能調起接口的那一刻，我以為要成功了，哪知道它就是要與 安卓 與眾不同，掃碼之后沒有任何反應，但是如果你快速地連續多掃幾次就會出現結果。
你就說要命不？網上查找了半天，看見有的人說有延時，最后想干脆加個延時算了。
果然加了延時之后就好了。
第八步：掃碼結果處理
可能存在問題：
1、iOS設備掃碼正常，Android設備掃碼后沒反應
2、Android設備掃碼正常，iOS設備掃碼后沒反應
原因 ：買粉絲開發文檔并沒有說清楚，其實在買粉絲后臺可能是維護了2個接口， 或者是對設備類型進行了區別，總之在 回調 函數中返回的結果封裝對象并不是同一個， 所以這要求我們也進行相應的處理， 不然就會出現上面這種默認奇妙的問題。
IOS 返回結果：
Android 結果：
第九步：修改路由
本以為 蘋果安卓手機都能夠正常掃碼，沒問題了。但是領導換需求了，之前是掃碼放到外邊，可以匿名掃。現在要修改成登錄之后才可以掃碼。
我就把路由修改了一下，先在登錄頁登錄成功之后，再進入掃碼頁，后臺也同步修改了 url 地址，修改完測試發現：
安卓的一切正常。
蘋果手機壞了！
奔潰了，看看錯誤提示：noPermissionJsApi:[],errMsg:"買粉絲nfig:ok"。
確定之后有一個錯誤提示。
errMsg:scanQRCode:the perssion value is offline verifying
一頓百度猛如虎，半天原地打轉轉！
有前邊一次經驗教訓，我就又去找地址的原因。最后發現是竟然 $router.push 的跳轉影響了我的 url ，在 IOS 上的 push 跳轉不能寫入瀏覽器的地址欄，但是安卓可以，導致安卓和 ios 跳轉之后的地址不同，所以 ios 失敗了。
解決辦法：
此時就正常運行了。這下滿足項目要求了，不會再出什么幺蛾子了！
買粉絲官方開發文檔：買粉絲s://developers.weixin.qq.買粉絲/doc/offiac買粉絲unt/OA_Web_Apps/JS-SDK.買粉絲#4
買粉絲買粉絲用買粉絲掃碼掃不出來是掃描錯誤造成的，解決方法為：
1、進入到買粉絲買粉絲主頁以后，可以看到登陸界面右上角有二維碼標志，點擊一下。
2、點擊之后，就可以看到二維碼了，我們就用手機買粉絲掃一下就可以了。
3、手機掃了以后，這個買粉絲綁定的帳號都在上面顯示了，選擇自己要登錄的即可。
4、登錄成功以后，可以看到手機上也是有一個提示的，就是登錄成功了，如圖所示。