眾所周知, 開發(fā)微信公眾號, 因為公眾號應(yīng)用只能跑在微信瀏覽器里, 所以代碼調(diào)試就成了非常麻煩的一件事.
所幸的是微信也意識到了這個問題, 陸續(xù)退出了一整套的開發(fā)工具來幫助我們解決這些問題.
開發(fā)環(huán)境配置
測試帳號
在公眾號界面[開發(fā)=>開發(fā)者工具]里面有一個[公眾平臺測試帳號].
這個相當(dāng)于一個公眾號的沙盒系統(tǒng), 里面有完整的賬號配置系統(tǒng), 打開它可以體驗并測試微信公眾平臺所有高級接口.
配置參數(shù)
- 服務(wù)器配置[測試賬號的 接口配置信息]: 打開它之后, 微信會推送用戶的各種事件信息. 不過開啟之后, 不能在公眾號界面管理公眾號菜單和公眾號關(guān)注回復(fù).
- JS接口安全域名, 網(wǎng)頁授權(quán) 修改為網(wǎng)站的域名
桌面瀏覽器模擬環(huán)境
- 下載 qq 瀏覽器, 按照這個教程 http://blog.qqbrowser.cc/kai-qi-wang-ye-diao-shi-jiao-cheng
安裝微信調(diào)試工具. - 綁定一個穩(wěn)定的域名
打開服務(wù)器端調(diào)試, 填寫本地服務(wù) ip 端口, 點擊啟動之后會綁定一個可以外部域名 (這個 domain 較為穩(wěn)定). 因為 js 接口, 網(wǎng)頁授權(quán) 都填寫域名, 而開發(fā)環(huán)境下可能遇到 ip 經(jīng)常變動的問題, 可以選擇用剛剛獲取的外部域名, 這樣每次電腦 ip 變化之后不用去修改公眾號的眾多信息, 只需要在微信調(diào)試工具 ip綁定的地方修改下就好了. 但是注意!!!需要在這個域名后面加上:8000端口, 因為網(wǎng)頁授權(quán)跳轉(zhuǎn)時會在后面加上8000端口. - 桌面模擬微信 web 環(huán)境
下載微信 web 開發(fā)者工具, 可以模擬網(wǎng)頁授權(quán)及 jssdk 調(diào)用, 還帶有 chrome 的調(diào)試工具, 非常方便
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140&token=&lang=zh_CN
注意: 需要在公眾號設(shè)置里面綁定 開發(fā)者微信號 - 手機遠程調(diào)試
2和3的工具都帶有遠程調(diào)試工具, 但是感覺都不是太穩(wěn)定.