概述

商家可以根据自身的需求,自行配置小程序的相关信息,如:
小程序的基本信息
小程序的相关界面
小程序的商品数据
……
又或者其他信息,在配置的过程中,您可能需要预览下小程序的修改效果,如果小程序还未发布,可以使用微信开发者工具查看,如果小程序发布了,可以直接打开手机微信,找到发布的微信小程序,进行刷新后查看,又或者直接使用微信开发者工具查看也是可以的

使用微信开发者工具预览小程序相关步骤

1、下载小程序
点击管理后台左侧导航栏的”小程序管理“,然后点击子导航栏中的”小程序发布“,依界面提示,点击”打包并下载小程序“

2、如果还未安装微信开发者工具,请点击前往下载微信开发者工具
根据自身使用的操作系统,选择下载对应的开发者工具,下载完毕,根据默认选项安装即可

3、双击运行安装的微信开发者工具,用微信扫码二维码登录,界面大致如下:

4、使用微信开发者工具,预览小程序
解压下载的小程序ZIP包,按如下流程,预览查看小程序
如图所示,点击红框区域

如图所示,选择”导入项目“,然后点击目录选项框,选择刚刚解压的整个小程序文件夹,在对应框填入申请到的小程序appid,点击”导入“
PS:
扫码登录的账户,一定要和申请该appid的是同一个账户,不然无法导入成功的

PS:
如果还没有申请好,或者不是同一个账户,也可点击”测试号“,用测试号临时预览小程序界面

加载完毕后,最终界面如下

部分功能需要真机才可以测试,点击”真机测试“,等待信息加载完毕后,用微信扫码二维码,即可在手机上测试小程序的具体运行效果

PS:
A、请注意,请仅查看预览效果即可,请勿修改到其他信息配置
B、其次通过管理后台,修改或添加相关信息后,点击界面中”编译“(有些修改需要重新加载才会更改效果,如果用手机小程序查看的话,直接重新打开小程序就行了)或者再次点击相关页面刷新查看更改后的小程序界面效果

5、针对不是该小程序的申请账户,但又想通过别的账户登录测试小程序的
—此时需要小程序的主申请账户,登录微信公众平台,将对应账户的微信号添加微信开发者权限
—对应账户,按流程填入申请的appid重新导入项目,或者按如下步骤,将测试号修改为申请到的appid,然后点击“编译”,之后就可以正常登录使用其他功能了

文档更新时间: 2020-08-31 16:14   作者:ys编辑