【前言】2019.11.12
【内容】账号申请、后台小程序信息完善、安装开发工具IDE、小程序项目搭建、项目编译 、真机预览调试、上传代码、提交审核、发布、代码包优化、小程序目录结构分析等
同预览和真机调试不同,上传代码是用于提交***体验***或者***审核***使用的。
为了保证小程序的质量,以及符合相关的规范,小程序的发布是需要经过***审核***的。
①在开发者工具中上传了小程序代码之后,登录 小程序管理后台 - 开发管理 - 开发版本 找到提交上传的版本。
②在开发版本的列表中,点击 提交审核 按照页面提示,填写相关的信息,即可以将小程序提交审核。
注意:开发者需要严格测试了版本之后,再提交审核, 过多的审核不通过,可能会影响后续的时间。
发布模式:
小程序提供了两种发布模式:全量发布和分阶段发布(灰度发布)。
全量发布是指当点击发布之后,所有用户访问小程序时都会使用当前最新的发布版本。
分阶段发布是指分不同时间段来控制部分用户使用最新的发布版本,分阶段发布也称为***灰度发布。***
一般来说,普通小程序发布时采用全量发布即可,当小程序承载的功能越来越多,使用的用户数越来越多时,采用分阶段发布是一个非常好的***控制风险的办法。***
注意:
①开发者在实现业务逻辑同时要尽量减少代码包大小,因为代码包大小直接影响到下载速度,从而影响用户***首次打开体验。***
②每次在“微信开发工具”上传代码时,都会显示项目代码包的大小;代码包超出限制后会给出相应提示,甚至禁止上传。
小程序由配置代码JSON文件、模板代码 WXML 文件、样式代码 WXSS文件以及逻辑代码 JavaScript文件组成。
接下来结合之前的项目,对小程序的代码组成做一个大致的介绍。
html:hyper text markup language超文本标记语言
wxml:weixin markup language微信标记语言
仔细查看之前创建的项目,可以发现项目里生成很多不同类型的文件:
①.json 后缀-----------JSON 配置文件
②.wxml 后缀---------WXML 模板文件
③.wxss 后缀--------- WXSS 样式文件
④.js 后缀--------------JS 脚本逻辑文件加粗样式****
开发中主要将其归为两个级别:
小程序级别app
页面级别pages
后来又新增了两个
sitemap.json小程序收录设置
project.config.json项目配置文件
根目录文件
①pages,必须,用于存放页面文件的文件夹
②utils,非必,用于存放公共js的文件夹
③app.js,必须,小程序逻辑文件
④app.json,必须,小程序配置文件
⑤app.wxss,非必,小程序公共样式文件
⑥project.config.json,更新后自带,项目配置文件(无需关注)
⑦sitemap.json,更新后自带,小程序收录设置文件(无需关注)
页面page级别
1、微信小程序是由若干个页面构成的
2、所有的页面内容必须存放在[pages]文件夹下,例如初始化项目中的两个页面index和logs页面都在pages文件夹下
3、在[pages]文件夹下,每个页面都具备一个独立的文件夹
页面page级别
页面由以下4个文件组成:以pages/index/为例
①index.wxml,必须,页面的结构文件,类似于HTML文档
②index.wxss,非必须,页面的样式表文件,类似于CSS文档
③index.js,必须,页面的逻辑文件,类似于js文档
④index.json,非必须,页面的配置文件(例如页面是否允许下拉刷新、等待icon样式等等)
小程序开发前准备:
①申请账号
②安装开发工具
账号申请:
进入小程序注册页 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。
网址:https://mp.weixin.qq.com
AppID:
在菜单 “开发”-“开发设置” 可以看到个人的小程序 AppID,这个在开发会用到,相当于微信小程序给开发人员的通行证。
接下来设置小程序基本信息
小程序名称、简介、简称、头像、服务类目等