2 微信小程序开发文档、开发者工具基本认知
1、微信小程序的基本认知:
(1).微信小程序2016年1月首次被提出,最初微信公众平台只有“订阅号”,后续又拆分出了服务号,但是服务号并没有提供更好的服务,所以微信内部开始研究新的产品形态,称为“微信小程序”;2016年9月21日开启内测,2017年1月9日正式上线,首批微信小程序的用户体验很差,例如“入口不好查找”、 “搜索功能不完善(必须搜索全称,不能模糊查找)”、“定位功能不完善”等等;其经历一段时间的发展,目前的微信小程序用户体验较好,功能也较完善;(产品的发展还是需要在真实的市场环境下进行校验)
(2).微信小程序:小程序的基本认知 -> 开发中设计原则(规范) -> 开发 -> 正式上线 -> 运营小程序(遵循规范) -> 数据分析(微信小程序有数据分析功能,其也可使用第三方分析工具,例如阿拉丁);
- - - >>>开发人员聚焦点:开发文档的学习、社区的合理使用(社区的活跃度几乎可代表该应用/该语言的受欢迎程度,小程序开发社区活跃度还是很nice的);
2、微信小程序开发:申请账号 -> 安装开发工具 ->开始编程即可(学习文档,了解社区)~
(1).微信公众平台:https://mp.weixin.qq.com/
(2).微信开发者工具下载:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=19012322
(3).微信小程序开发文档:https://developers.weixin.qq.com/miniprogram/dev/index.html
(4).微信小程序开发社区:https://developers.weixin.qq.com/
3、(1).开发文档基本认知:
(2).开发工具基本认知:(模拟器中“静音”按钮 ->其是音频静音,非视频)
调试器:Wxml:结构+样式;Console:控制信息;Sources:文件源,有[sm]标识的其是我们自己写的文件,没有[sm]标识的其是系统编译后的文件;Network:网络;AppData:数据(后期查看请求到的数据很便捷);Storage:缓存;
详情页卡:
(3).文件目录基本认知:
app系列文件(根文件):其表示全局的配置、样式、逻辑行为,不允许修改名字;project.config.json项目配置文件,文件内的代码便是“详情”页卡中设置的信息(转化为代码的形式),当你将该小程序发送给其它开发人员,或者在其它电脑进行开发,系统会根据此文件自行配置相关内容,你直接进行开发即可;
pages文件夹下是项目“主要”开发文件,index是入口文件;每个文件下的xxx.json是局部配置文件(app.json是全局配置文件),文件夹下的文件要求名字一致,系统会将每个文件夹下的css、js、json文件进行关联,这样便不需要引入样式,js等操作,系统来完成;
utils文件夹:存放工具js文件;
- - - >>> 后续还可创建其它文件