Java WeChat公共平台的开发（14）[Fanwai Pian]-使用WeChat Web开发工具

发件人:

为了帮助开发人员更方便，更安全地开发和调试基于微信的网页，微信推出了一个Web开发工具. 它是一个桌面应用程序. 通过模拟微信客户端的性能，开发人员可以使用此工具在PC或Mac上方便地进行开发和调试. 您可以:

工具界面主要由几部分组成，如下图所示:

顶部菜单栏是操作（例如刷新，返回和地址栏选择）的统一条目用java开发微信公众号，以及微信客户端版本的模拟设置页面. 左侧是微信网络视图模拟器，可以直接操作网页并模拟用户的真实行为. 右上角是地址栏，用于输入要调试页面的链接和用于清除缓存的按钮. 右下角是相关的请求和返回的结果，以及调试界面和登录按钮.

（1）调试微信网页授权

在开发基于微信的Web授权功能时，开发人员通常需要在手机上输入URL以获得用于开发和调试的用户信息. 但是，由于手机上的许多限制，此过程非常不便. 通过使用微信网络开发人员工具，开发人员现在可以直接在PC或Mac上执行这种调试. 具体步骤如下:

①开发人员可以在调试器中单击“登录”，然后使用手机的微信扫描代码登录，以使用真实的用户身份（支持测试号）来开发和调试微信网页授权. 请确认手机登录页面，绑定的公共账号为“微信网页开发工具”，如下图所示:

②为了确保开发者的身份信息的安全性，我们要求开发者的微信与要调试的公共帐户建立绑定关系. 具体操作如下: 登录到公共帐户的管理后台，启用开发人员中心，并在开发人员工具-Web开发人员工具页面上向开发人员微信发送绑定邀请. 绑定页面如下所示:

③开发者在手机的微信上接受邀请，即可完成绑定. 每个公共帐户最多可以同时绑定10个开发者微信帐户. 邀请确认页面如下所示:

④完成登录和绑定后，开发人员可以开始调试微信网页授权. 请注意，只能调试他绑定的公共帐户. 在WeChat Web开发人员工具webview仿真中打开类似的授权页面URL用java开发微信公众号，设备的显示效果如下:

（2）模拟的JSSDK的权限验证

通过Web开发人员工具，您可以在微信客户端中模拟JSSDK的请求，并查看身份验证结果并直观地进行记录. 以WeChat JSSDK DEMO页面为例: 在调试器中打开URL，您可以在右侧的JS-SDK选项卡中轻松查看当前页面wx.config的验证状态和JSSDK调用日志. 以下是经过验证的页面:

以下是验证失败的页面:

在“权限列表”标签中，您可以在当前页面上找到具有权限的JS-SDK列表:

（3）移动调试

我的移动调试从未成功，所以我在这里不做解释！

（4）Chrome DevTools

WeChat Web开发人员工具集成了Chrome DevTools. 与PC上以前的调试经验一致，您可以快速入门. 如下图所示:

下载地址:

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/sanxing/article-226843-1.html