微信web开发者工具怎么用?
微信web开发者工具使用教程:
1、首先用户需要做的就是先下载安装,并启工具。
2、调试微信网页授权,具体操作步骤为:
1)开发者可以在调试器中点击“登录”,使用手机微信扫码登录,从而使用真实的用户身份来开发和调试微信网页授权。请确认手机登录页,绑定的公众号为“微信 web 开发者工具”。
2)为了保证开发者身份信息的安全,对于希望调试的公众号,我们要求开发者微信号与之建立绑定关系。具体操作为:公众号登录管理后台,启用开发者中心,在开发者工具——web 开发者工具页面,向开发者微信号发送绑定邀请。
3)开发者在手机微信上接受邀请,即可完成绑定。每个公众号最多可同时绑定10个开发者微信号。邀请确认页面
4)完成登录和绑定后,开发者就可以开始调试微信网页授权了,注意只能调试自己绑定过的公众号:
非静默授权的 URL:点击查看
在微信 web 开发者工具中上面的 URL,webview 模拟器显示效果
点击“确认登录”即可带着用户信息跳转到第三方页面,很方便的进行后续的开发和调试。
静默授权的 URL:点击查看
在微信 web 开发者工具中打开该 URL 则会自动跳转到第三方页面。
(注意:如果使用了代理,需代理本身支持https直连,才能调试https页面。)
3、模拟JSSDK权限校验
通过 web 开发者工具,可以模拟 JSSDK 在微信客户端中的请求,并直观地看到鉴权结果和 log。以微信 JSSDK DEMO 页面为例:
在调试器中打开该 URL,可以方便地在右侧的 JS-SDK Tab 中看到当前页面 wx.config 的校验情况和 JSSDK 的调用 log。
在“权限列表” Tab 中,可以查询到当前页面拥有权限的 JS-SDK 列表:
4、移动调试
移动调试功能是基于 weinre 的,并且做了一些改进,相比直接使用 weinre 有两个优点:
1)无须手工在页面中加入 weinre 调试脚本
2)可以在 weinre 的网络请求页卡中,看到完整的 http 请求 log,非局限于 ajax 请求
(注意,移动调试功能暂不支持https。)
5、Chrome DevTools
微信 web 开发者工具集成了 Chrome DevTools。同之前在 PC 上的调试体验一致,可以快速上手。
微信小程序后台怎么搭建?
1、进入小程序商家后台管理系统
第三方小程序搭建平台会根据商家需要,为商家推荐不同的模板。还可以查看到是否有对应功能版本。例如,有新增功能就会提示用户选择一个适合的模板进行操作。如果商家不想使用模板,也可以点击模板内“返回小程序”按钮对模板进行重新编辑。再点击“生成”按钮返回到商家后台管理系统进行修改。
2、在页面上方找到模板创建按钮
小程序模板是商家在公众号、小程序 APP等渠道发布的,商家可以根据自身需求和实际情况选择使用小程序模板,也可以自行购买需要的模板。商家可以根据自身业务需求进行选择,小程序第三方制作平台可以直接进入商家主页设置页面,同时可以设置默认模板和其他模板。
3、找到你需要的模板功能
点击左侧工具栏拖拽式添加功能样式。注意:需要在后台产品服务后,相应的产品服务才能展示在功能样式里。这样小程序就添加成功了。点击右上角的保存预览就可以啦!