微信小程序开发入门

介绍

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

生态

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

image.png

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

流程

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

注册账号

  1. 申请帐号
账号 密码
1762618****@139.com a*********
  1. 查看AppID
    登录,在菜单 设置-开发设置可以看到小程序的 AppID 了 。

项目开发

  1. 微信开发者工具
    安装
    ② 介绍:模拟器、编辑器、调试器
  2. 第一个小程序
    新建项目选择小程序项目,选择代码存放的硬盘路径,填入小程序的 AppID,给你的项目起一个好听的名字,最后勾选创建 QuickStart 项目。
  3. 代码构成
    (1) .json 后缀的 JSON 配置文件
    (2) .wxml 后缀的 WXML 模板文件
    (3) .wxss 后缀的 WXSS 样式文件
    (4) .js 后缀的 JS 脚本逻辑文件
  4. 项目结构
    (1) 应用层
文件 介绍
app.js 小程序入口文件。
app.json 小程序配置,对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
app.wxss 全局样式,类似于CSS的角色。
project.config.json 工具配置,针对微信开发者工具的一些个性化配置项,例如界面颜色、编译配置等等。

有关注册程序的更详细文档。
(2) 页面层

文件 介绍
page.js 页面入口。
page.wxml 类似 HTML 的角色。
page.wxss 页面样式。
page.json 页面配置。

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

  1. 生命周期钩子函数
    (1) 小程序生命周期
    onLaunch - 监听小程序初始化
    onShow - 监听小程序展示
    onHide - 监听小程序隐藏
    onError - 监听脚本错误
    onPageNotFound - 监听页面不存在
    (2) 页面生命周期
    onLoad - 监听页面加载
    onReady - 监听页面初次渲染完成
    onShow - 监听页面显示
    onHide - 监听页面隐藏
    onUnload - 监听页面卸载
  2. API方法
    为了让开发者可以很方便的调起微信提供的能力,例如获取用户信息、微信支付等等,小程序提供了很多 API 给开发者去使用。
  3. 数据传递
    url传值:url?a=1&b=2
    ② 全局变量:globalData
    ③ 本地缓存:setStorage
  4. 总结
特点 优点 缺点
web开发进行区分。 开发成本低。 代码包最多8M
新增了rpx尺寸布局。 丰富的组件。 组件化不够成熟。
类似Vue语法。 完善的API
支持flex布局。 自定义组件的支持。
  1. 第三方开发库
    wepy
    mpvue

提审发布

  1. 上传代码
    点击开发者工具顶部操作栏的上传按钮,填写版本号以及项目备注,上传代码。
  2. 查看版本
    上传成功之后,登录小程序管理后台 - 开发管理 - 开发版本 就可以找到刚提交上传的版本了。
    可以将这个版本设置 体验版 或者是 提交审核。
    image.png
  3. 版本分类
    (1) 开发版本
    保留每人最新的一份上传的代码。
    (2) 审核版本
    只能有一份代码处于审核中。有审核结果后可以发布到线上,也可直接重新提交审核,覆盖原审核版本。
    (3) 线上版本
    线上所有用户使用的代码版本,该版本代码在新版本代码发布后被覆盖更新。
  4. 提交审核
    在开发者工具中上传了小程序代码之后,登录 小程序管理后台 - 开发管理 - 开发版本 找到提交上传的版本。
    在开发版本的列表中,点击 提交审核 按照页面提示,填写相关的信息,即可以将小程序提交审核。
    image.png
  5. 微信小程序平台常见拒绝情形
    最常见的拒绝情形:所在服务类目。
    image.png
  6. 小程序开放的服务类目
    服务类目是指开发者按照小程序所提供的服务类型和所涉及的服务内容,在平台提供的分类分级表格中选择对应的行业范围。
  7. 发布上线
    点击发布,即可发布小程序。

参考资料

微信开发社区
微信小程序官方教程
微信小程序数量已达100万,C端用户2.8亿