首页 > 汽车 > 正文

微信web开发者工具使用教程是什么? 微信小程序后台怎么搭建?

来源:IT资讯网 2023-01-10 09:29:23

微信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、找到你需要的模板功能

点击左侧工具栏拖拽式添加功能样式。注意:需要在后台产品服务后,相应的产品服务才能展示在功能样式里。这样小程序就添加成功了。点击右上角的保存预览就可以啦!

标签: 微信web开发者工具 微信web开发者工具怎么用 微信小程序后台 微信小程序后台怎么搭建

编辑: 尚瑞

热点

12月29日,2022首都海智创新链接年度活动暨北京市科协首都海智基地工作交流会顺利召开。活动由北京科技国际交流中心主办,以建家交友 系统布

详细>>

短视频由于短平快特性,很好地适应了当前的新媒体传播环境,成为网络传播主流。近年来,随着短视频兴起,越来越多优秀的视频创作者在各类平

详细>>

近日,百度智能云发布5款云服务器BCC(Baidu Cloud Compute)实例,搭载第三代AMD EPYC 处理器(Milan),旨在面对更多元化的计算应用

详细>>

12月2-4日,由福建省工业和信息化厅、福建省教育厅、福建省人力资源和社会保障厅、福建省商务厅、福建省科学技术厅、福建省总工会、共青团

详细>>

经过二十多年的发展,国产品牌RTK设备厂商迅速成长。如今行业和地产等产业链增长放缓,长期由需求侧拉动的RTK设备市场想要得到进一步的发展

详细>>

11月25日,开迈斯-支付宝充电站发布与落成典礼在杭州市滨江区智选假日酒店隆重举行,开迈斯新能源科技有限公司投后运营总监张震宇与会热烈致

详细>>