1. 小程序开发

1.1 新建项目/导入项目

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

微信开发者工具导入vue项目显示 微信开发者工具上传_上传代码

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

微信开发者工具导入vue项目显示 微信开发者工具上传_上传代码_02

1.2 注意事项

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

微信开发者工具导入vue项目显示 微信开发者工具上传_上传代码_03

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

微信开发者工具导入vue项目显示 微信开发者工具上传_微信小程序开发_04

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

微信开发者工具导入vue项目显示 微信开发者工具上传_微信小程序开发_05

 

微信开发者工具导入vue项目显示 微信开发者工具上传_审核发布_06

 

微信开发者工具导入vue项目显示 微信开发者工具上传_上传代码_07

 

微信开发者工具导入vue项目显示 微信开发者工具上传_上传_08

2. 配置域名

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

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

微信开发者工具导入vue项目显示 微信开发者工具上传_审核发布_09

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

微信开发者工具导入vue项目显示 微信开发者工具上传_微信小程序开发_10

3. 上传代码

3.1 上传步骤

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

微信开发者工具导入vue项目显示 微信开发者工具上传_上传_11

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

微信开发者工具导入vue项目显示 微信开发者工具上传_微信开发者工具导入vue项目显示_12

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

微信开发者工具导入vue项目显示 微信开发者工具上传_上传代码_13

3.2 注意事项

1) 查看配置

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

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

微信开发者工具导入vue项目显示 微信开发者工具上传_上传_14

4. 提交审核

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

微信开发者工具导入vue项目显示 微信开发者工具上传_审核发布_15

微信开发者工具导入vue项目显示 微信开发者工具上传_微信小程序开发_16

 

微信开发者工具导入vue项目显示 微信开发者工具上传_微信开发者工具导入vue项目显示_17

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

微信开发者工具导入vue项目显示 微信开发者工具上传_微信小程序开发_18

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

微信开发者工具导入vue项目显示 微信开发者工具上传_微信开发者工具导入vue项目显示_19

 

 

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