天天看点

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

1. 小程序开发

1.1 新建项目/导入项目

打开微信开发者工具,右上角:项目 -- 新建项目,弹出框填写内容,AppID为注册的小程序appId,如果还没注册小程序,可以去“注册”,或者选择“测试号”。

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

如果已有项目,则只需要导入,右上角:项目 -- 导入项目。如下,点击“目录”,导入项目,AppID会自动识别并填写导入的项目AppID,如果没有则需手动填写。

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

1.2 注意事项

1)在开发时,如果还没配置域名时,则在微信开发者工具右上角:详情 -- 项目设置中,勾选“不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书”。

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

2)在微信开发者工具选择“预览”,用手机测试时,如果还没配置域名,则需在手机打开"调试模式"

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

如下为打开调试模式步骤,最后一个截图右下角出现“绿色vConsole”代表已打开调试模式,如果没出现绿色vConsole而且也打开了调试模式,可能是因为你写的页面覆盖了它,就是它所在位置的页面组件层级比它高。

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节
微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节
微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节
微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

2. 配置域名

登录小程序后台:https://mp.weixin.qq.com/ 

开发 - 开发设置 - 服务器域名。点击修改,每个月可申请5次修改

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

配置的域名必须以“https”开始。

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

3. 上传代码

3.1 上传步骤

点击微信开发者工具右上角的“上传”,填写版本号、项目备注,确定无误后即可上传

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

去小程序后台:https://mp.weixin.qq.com/  ,查看上传情况,可以选择上传的版本设置为“体验版”,让其他人使用。

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

此外,如果让其他用户能使用该体验版小程序,则需添加体验成员。

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

3.2 注意事项

1) 查看配置

点击微信开发者工具右上角的“详情”

查看AppID是否正确?

查看域名信息是否配置正确?

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

4. 提交审核

去小程序后台:https://mp.weixin.qq.com/  ,看截图步骤:

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节
微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节
微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

如果发布的小程序需要登录,如下图,必须填写测试账号和测试密码。

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

提交审核后,等审核通过(审核通过后,会推送消息到微信),然后再登录小程序后台,去点击发布,发布时选择“全量发布”即可。

微信小程序 -- 小程序开发、上传代码、提交审核以及要注意的细节

先暂时到这里,后续在补详细点。