如何進(jìn)行微信公眾號開發(fā)的本地調(diào)試的方法
微信團(tuán)隊(duì)為廣大的開發(fā)者提供了一個(gè)測試賬號。該帳號無需公眾賬號,快速申請接口測試,直接體驗(yàn)和測試公眾平臺(tái)所有高級接口。這么好用的功能,只需要要你有一個(gè)手機(jī),手機(jī)上安裝了一個(gè)微信即可。
地址:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

登錄后,會(huì)得到一個(gè)微信號,和測試好的相關(guān)信息。appID,appsecret。

接口配置信息,js接口安全域名配置按照生產(chǎn)環(huán)境的配置即可。
下面重點(diǎn)開始了。已經(jīng)有了一個(gè)可供測試的公眾號,如何進(jìn)行測試呢,最直接的辦法是,在本地開發(fā)環(huán)境把已經(jīng)運(yùn)行的生產(chǎn)環(huán)境的公眾號配置成剛申請的這個(gè)開發(fā)賬號即可,但顯然這個(gè)方法蠢哭了。
我們采用的方法是,在配置文件上增加一個(gè)參數(shù)的方式。比如我們生產(chǎn)環(huán)境的微信配置信息都寫在wechat-config.xml中,這個(gè)時(shí)候,增加另一個(gè)配置文件wechat-config-yimiyan.xml。啟動(dòng)jvm時(shí)增加參數(shù)
-Dwechat-config=yimiyan。程序中中需要稍加修改。
例如原本系統(tǒng)啟動(dòng)時(shí)讀取wechat-config.xml文件
WeChatUtils.class.getResourceAsStream("/wechat-config.xml");
現(xiàn)在修改為:
String wechatConfig = System.getProperty("wechat-config");
//得到的是剛剛我們添加的參數(shù)-Dwechat-config的值,即yimiyan
將原本的讀取配置文件修改為:
WeChatUtils.class.getResourceAsStream("/wechat-config-"+wechatConfig+".xml");
這樣,每個(gè)開發(fā)的小伙伴都可以在自己的環(huán)境上進(jìn)行測試了。
準(zhǔn)備就緒之后,開始下一步的操作--配置菜單。
用手機(jī)掃描頁面上的二維碼后,關(guān)注了這個(gè)測試公眾號,是沒有菜單的,這個(gè)時(shí)候要配置菜單怎么辦呢。
有兩種方式,使用postman工具或者使用微信提供的調(diào)試接口。
筆者比較懶,直接用了微信的接口調(diào)試工具設(shè)置的。地址:https://mp.weixin.qq.com/debug

第一步,獲取access_tocken
輸入測試公眾號頁面的appID和appsecret,點(diǎn)擊檢查問題

獲取到access_token之后,使用這個(gè)access_token跟測試公眾號設(shè)置菜單。接口類型選擇自定義菜單,填入剛剛獲取到的access_token,以及菜單的json串。

點(diǎn)擊檢查問題后,如果設(shè)置成功,結(jié)果如下

這個(gè)時(shí)候,在用微信掃一掃測試公眾號的二維碼,應(yīng)該就會(huì)有菜單了,但是筆者在測試的時(shí)候發(fā)現(xiàn),不知道是延遲還是緩存,第一次設(shè)置還好,多設(shè)置幾次,要取關(guān),清楚手機(jī)歷史等操作,才會(huì)發(fā)現(xiàn)新菜單生效了。
到目前為止,我們一切的準(zhǔn)備工作就基本完成了。在測試公眾號里面,點(diǎn)擊菜單,享受著成功的喜悅的時(shí)候,滿心歡喜的點(diǎn)擊,蹦出來的是redirect_uri:參數(shù)錯(cuò)誤

這是什么鬼
最后一步的配置:
在測試微信公眾號那個(gè)頁面,那個(gè)頁面很長,往下拉,找到網(wǎng)頁服務(wù)--》網(wǎng)頁賬號--》網(wǎng)頁授權(quán)獲取用戶基本信息,點(diǎn)擊修改,配上外網(wǎng)能訪問你測試環(huán)境的ip或者域名即可。

整個(gè)配置最重要的一點(diǎn)就是,你需要擁有一個(gè)能通過外網(wǎng)訪問你的測試環(huán)境的域名或者ip。
NB:這里需要注意一點(diǎn),如果這個(gè)地址填寫的不正確,將會(huì)報(bào)錯(cuò)如下。此處只需填寫域名即可,授權(quán)微信訪問這個(gè)域名,具體要訪問哪個(gè)項(xiàng)目哪個(gè)方法,在程序中控制。

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
用JS實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲
這篇文章主要為大家詳細(xì)介紹了用JS實(shí)現(xiàn)飛機(jī)大戰(zhàn)小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-06-06
Javascript中的函數(shù)聲明與函數(shù)表達(dá)式(奇技淫巧)
Javascript有很多有趣的用法,在Google Code Search里能找到不少,今天從火丁筆記看到的,非常不錯(cuò),推薦大家看下。2011-03-03
js預(yù)載入和JavaScript Image()對象使用介紹
為了解決在canvas使用drawImage()時(shí),遇到img對象來不及加載的問題; 我最終在html文檔加載中,使用了下面"數(shù)組加載圖像的辦法”解決,如果有其他方法,請給予指點(diǎn)!2011-08-08
JS控制div跳轉(zhuǎn)到指定的位置的幾種解決方案總結(jié)
這篇文章主要介紹了JS控制div跳轉(zhuǎn)到指定的位置的幾種解決方案總結(jié),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。2016-11-11
WordPress中利用AJAX技術(shù)進(jìn)行評論提交的實(shí)現(xiàn)示例
這篇文章主要介紹了WordPress中利用AJAX技術(shù)進(jìn)行評論提交的實(shí)現(xiàn)示例,整個(gè)處理的關(guān)鍵點(diǎn)在于文中的ajax_comment函數(shù),需要的朋友可以參考下2016-01-01
js+html5實(shí)現(xiàn)canvas繪制鏤空字體文本的方法
這篇文章主要介紹了js+html5實(shí)現(xiàn)canvas繪制鏤空字體文本的方法,涉及html5文字效果的相關(guān)技巧,需要的朋友可以參考下2015-06-06
小程序頁面動(dòng)態(tài)配置實(shí)現(xiàn)方法
這篇文章主要介紹了小程序頁面動(dòng)態(tài)配置實(shí)現(xiàn)方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02

