假設我用vue開發了一個web應用,需要在手機微信里訪問並調試, 可以按照本文介紹的步驟,使用微信開發者工具來調試.
假設我的web應用的訪問入口是如下公眾號菜單的"預約"按鈕:
那么為了能夠在微信開發者工具里調試,需要首先進入該公眾號的后台,在web開發者工具里,將我本人的微信號添加進去:
點擊"綁定開發者賬號":
輸入待綁定的微信賬號:
點擊綁定,該微信號會收到一條消息,詢問是否綁定:
點擊同意操作完成綁定.
接下來,把要調試的web應用的url放到微信開發者工具地址欄里,回車之后,微信開發者工具就會彈出一個詢問窗口,點擊Allow之后,就可以在微信開發者工具提供的類似Chrome開發者工具調試器一樣的界面里進行單步調試了.
這個粘貼到地址欄的url很有講究。
https://open.weixin.qq.com/connect/oauth2/authorize?appid=yyyy&redirect_uri=https%3A%2F%2Fwww.xxx.com%2Fsmart&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect
其中appid=后面的值，是從微信公眾號控制台里拷貝出來的appid：
redirect_uri, 即為我們開發的web應用，部署到服務器之后生成的url，需要經過url encode處理：https://www.xxx.com/smart
這個url准備好之后，將其粘貼到微信開發者工具地址欄里，回車，即可看到一個對話窗口，要求獲得我們公開信息的許可：
點擊Allow之后，就可以像使用Chrome開發者工具的調試器一樣，在微信開發者工具里進行單步調試了：
要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":
