微信小程序开发入门

介绍

官方定义
微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。
注释：人与人(QQ)、人与商品(淘宝)、人与服务(小程序)
对比：AppStore
张小龙：「触手可及、用完即走」
小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不关心是否安装太多应用的问题。应用将无处不在，随时随地可用，但又无需安装卸载。
特点：无需下载安装，随时可用，用完即走。
哪些应用适合微信小程序
场景：业务简单、使用时间短、性能要求不太高。
类别：工具类、服务类。
其他小程序
2018年11月7日，QQ正式在安卓上线了小程序，名叫QQ轻应用。QQ成为继微信、支付宝、百度、今日头条、淘宝、抖音后第七个具有小程序能力的App。QQ轻应用将会与微信小程序兼容，让开发者的微信小程序能够便捷地迁移到QQ中。

7月11日，腾讯官方公布了小程序最新的数据信息。已经上线的小程序数量已经超过100万个；同时，目前拥有超过150万开发者的加入；5000多个第三方平台入驻，平均每人每日打开小程序次数为4次，用户已经形成了主动使用小程序的习惯。

image.png

今年4月，马化腾透露，小程序上线一年来，已经有58万个小程序，覆盖了100万开发者。也就是说，仅仅3个月，又新增了40万个小程序。

申请注册 - 项目开发 - 提审发布

账号	密码
`1762618****@139.com`	`a*********`

微信开发者工具
① 安装
② 介绍：模拟器、编辑器、调试器
第一个小程序
新建项目选择小程序项目，选择代码存放的硬盘路径，填入小程序的 AppID，给你的项目起一个好听的名字，最后勾选创建 QuickStart 项目。
代码构成
(1) .json 后缀的 JSON 配置文件
(2) .wxml 后缀的 WXML 模板文件
(3) .wxss 后缀的 WXSS 样式文件
(4) .js 后缀的 JS 脚本逻辑文件
项目结构
(1) 应用层

文件	介绍
`app.js`	小程序入口文件。
`app.json`	小程序配置，对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 `tab` 等。
`app.wxss`	全局样式，类似于`CSS`的角色。
`project.config.json`	工具配置，针对微信开发者工具的一些个性化配置项，例如界面颜色、编译配置等等。

有关注册页面的更详细文档。
(3) 组件层
小程序提供了丰富的基础组件给开发者，开发者可以像搭积木一样，组合各种组件拼合成自己的小程序。
有关组件的更详细文档。

上传代码
点击开发者工具顶部操作栏的上传按钮，填写版本号以及项目备注，上传代码。
查看版本
上传成功之后，登录小程序管理后台 - 开发管理 - 开发版本就可以找到刚提交上传的版本了。
可以将这个版本设置体验版或者是提交审核。

image.png
版本分类
(1) 开发版本
保留每人最新的一份上传的代码。
(2) 审核版本
只能有一份代码处于审核中。有审核结果后可以发布到线上，也可直接重新提交审核，覆盖原审核版本。
(3) 线上版本
线上所有用户使用的代码版本，该版本代码在新版本代码发布后被覆盖更新。
提交审核
在开发者工具中上传了小程序代码之后，登录小程序管理后台 - 开发管理 - 开发版本找到提交上传的版本。
在开发版本的列表中，点击 提交审核 按照页面提示，填写相关的信息，即可以将小程序提交审核。

image.png
微信小程序平台常见拒绝情形
最常见的拒绝情形：所在服务类目。

image.png
小程序开放的服务类目
服务类目是指开发者按照小程序所提供的服务类型和所涉及的服务内容，在平台提供的分类分级表格中选择对应的行业范围。
发布上线
点击发布，即可发布小程序。