Suppose I use VUE to develop a Web application that needs to be accessed and debuggable in wechat. You can follow the steps described in this article and use wechat developer tools to debug it.
Suppose that the access point of my Web application is the “Reservation” button of the public account menu as follows:
So in order to be able to debug in the wechat developer tools, we need to first enter the background of the public number, in the Web developer tools, add my own wechat signal:
Click “Bind developer account “:
Enter the wechat account to be bound:
Click Bind, the wechat will receive a message asking whether to bind:
Click Agree to complete the binding.
Next, put the URL of the web application to be debugged in the address bar of wechat Developer Tool, press Enter, wechat Developer tool will pop up a query window, click Allow, you can perform single-step debugging in the interface provided by wechat Developer Tool similar to Chrome Developer Tool debugger.
The URL that you paste into the address bar is very careful.
Open.weixin.qq.com/connect/oau… The value after appID = is the appID copied from the console of wechat official account:
Redirect_uri, which is the URL generated after the web application we developed is deployed to the server, needs to go through URL encode processing: www.xxx.com/smart
After the URL is ready, paste it into the address bar of wechat developer tools and press Enter to see a dialog window asking for permission to disclose our information:
After clicking Allow, you can perform single-step debugging in wechat Developer Tools just like using Chrome Developer Tools debugger:
For more of Jerry’s original articles, please follow the public account “Wang Zixi “:
