小程序与云开发实战 36 讲

课程介绍

小程序依托微信超过 10 亿的海量用户，它无需安装即可使用的完美用户体验，已经成为商家竞相争夺的大蛋糕，同时，小程序开发快速、容易部署广受程序员的喜爱，作为程序员的我们，还有什么理由不学习小程序开发呢？

本达人课为小程序以及云开发快速入门课程，主要分为 6 部分内容。

• 入门部分：这部分内容结合着小实例来讲解小程序的开发环境搭建以及开发的基本步骤，然后介绍了小程序中常用的布局，如水平排列和垂直排列布局等。

• 组件部分：主要介绍了小程序开发中常用的组件，如 text 组件、icon 组件、进度、滚动视图、轮询图、各种表单组件、多媒体组件。

• API 部分：主要介绍了小程序开发中常用到的 API，如网络 API、多媒体 API、数据存储 API、位置 API、界面 API 和开发接口 API。

• WeUI 部分：主要介绍了 WeUI 高级 UI 组件的核心使用方法，包括基础组件和 Badge 的用法。

• 云开发部分：包括云数据库、云存储和云函数的核心 API 讲解。

• 实例部分：主要介绍了 6 个小项目实例，其中美团客户端的例子支持小程序支付功能。

学完本达人课后，读者可以快速掌握小程序的核心开发技术，熟练使用小程序的各种组件以及 API 开发包括服务端的小程序，并可以开发出复杂的小程序应用。

作者介绍

李宁，欧瑞科技创始人 & CEO，技术狂热分子，IT 畅销书作者，CSDN 特约讲师、CSDN 博客专家，拥有近 20 年软件开发和培训经验。主要研究领域包括 Python、深度学习、数据分析、区块链、Android、Java 等。曾出版超过 30 本 IT 畅销书，主要包括《Python 从菜鸟到高手》、《Swift 权威指南》、《Android 开发指南》等。

作者在 GitChat 上的个人主页信息详见这里。

• 零基础学区块链和以太坊开发
• Python 爬虫和数据分析实战

课程内容

导读：小程序风口已经到来，你准备好了吗

小程序是腾讯公司推出的，可以运行在微信中，加载速度比 H5 快，开发效率也比 App 快，所以小程序是获得用户、成为流量入口的最佳选择。随着小程序的成熟，微信体内的各入口将全面转入小程序形态。现在开发小程序的创业公司越来越多，甚至很多大公司也加入了小程序开发的序列，作为程序员的我们，是否会开发小程序，将会成为职场上升值加薪的重要筹码。

小程序之所以现在这么火，是因为有非常多的引流模式和盈利模式，本文将介绍其中的集中引流模式和盈利模式。不管读者学了小程序开发是为了升值加薪、还是为了找工作，或是为了创业，都会有很大的帮助，毕竟老板都喜欢既会技术、又知道如何将技术变现的员工。

到目前为止应用程序的类型已经经历了 3 个时代：PC 时代、App 时代和轻应用时代，其中 PC 时代是指桌面应用以及 Web 应用，这个时代从 2008 年基本结束了，从此以后开始进入 App 时代，App 主要指的是 Android App 和 iOS App，这一时代一直到 2016 年，虽然 Android App 和 iOS App 功能很强大，但安装和升级很费劲，大的 App 可能是有几十 M，甚至上百 M，所以从 2016 年开始，轻型应用开始走入我们的视线，这其中以微信小程序为主，其他的还包括支付宝小程序、百度轻应用、快应用等，这 3 个时代如下图所示。

下面聊聊小程序的变现渠道，目前微信用户有 10 亿左右，理论上，这 10 亿用户都有可能成为小程序的准用户，其中可挖掘的商业价值非常巨大，如电商、内容付费、游戏、广告等。由于小程序安装非常方便，只需要用手机微信扫描小程序码就可以安装，所以相比 App，用户更有安装小程序的意愿。

那么微信小程序对于我们技术人员有哪些创业机会呢？在展示新创业机会之前，我们得要重新审视这两点。

（1）小程序不能照搬公众号的思路

因为同属于微信这个圈子，所以很多人想当然地将小程序当作一种新型的公众号，认为做公众号的那一套方法，移植到小程序上面应该也差不多，其实这种想法是不恰当的。

当然，小程序可以借助公众号这个已经成熟的自媒体生态获取用户，但如果完全用公众号的思路进行思考，是走不通的。

（2）不要把小程序当作 Web App

小程序是完全基于微信生态的产品，所以它无论在 UI 设计上还是在功能上，都和微信本身紧密结合，所以在开发和运营时，都要首先从微信这个大环境的角度出发，它可以是一个只有某项核心功能的简化版 App，也可以是一个解决用户临时需求的小工具，但无论如何，它都是基于微信而生的。

下面就来看看小程序的新机遇在哪里？

（1）新交互

所谓的新交互，是指跟原来不一样的玩法，比如说基于群的互动和娱乐，它不仅仅是用群的方式来获取群的流量红利，更多的是基于这种群的关系去开发出更多适合群的场景的玩法出来，它将会是最新且变异量最大的一种。

尤记得在 2017 年 1 月 9 号小程序上线发布会上，张小龙举了一个例子，大意就是几个喜欢看球的男生，建了一个微信群，小程序的窗口可以浮在群聊之上，在小程序里面播放视频并实时显示比分，在群里大家还可以讨论的热火朝天，甚至可以玩一些“押注”的小游戏，这样的场景可能会有很多，比如女生一起拉个群看综艺，或者一起拉个群线上 K 歌等。

互联网最性感的地方，就在于能在线还原生活中的场景，并且门槛更低、体验更好。

2018 年，小程序的新交互方式给我展示了这个可能性其实是爆发式的，诸如头脑王者、各种吃鸡游戏、猜歌达人等都是为场景化而生，这种新型的交互方式门槛低、用户精准，在产品有足够的谈资和趣味性很容易在圈子里面引起大家的热议。

（2）新人群

小程序出来之后，极大地降低了生产门槛，以前对大量没有媒体能力的人来讲，是不可能生成公众号的，但是现在如果让他们去利用小程序做一个小店铺，是可行的。

所以现在有些人，专注到中老年市场、农村市场的有服务能力的人群，比如果农，可以很方便地生成自己的店铺并上架商品，这个就是新人群的一种，甚至更简单的，每天为中老年的女性用户推送一条养生相关的视频或者音频，也能快速的实现用户增长。

移动端长图文内容编辑器美篇去年九月至今刚上线不久，排名就以火箭之势飞数上升——在阿拉丁统计平台公布的小程序榜单“小程序新增榜”、“小程序上升榜”及“小程序工具榜”中，稳坐第一宝座，更是在双11电商一片红火的时候，晋级总榜前十！

（3）新场景

小程序上线初始，主推的就是“location”属性，赋能线下商家在线触达其用户。小程序是网站或者 App 的话，二维码就像他们的网址或者 App 链接，在此之前，从来没有如此低门槛低成本的解决方案。比如对一个包子馒头店的老板，可以通过“个人号 + 群 + 小程序”的形式，持续耕耘好自己的一亩三分地。在这个形态中，可能存在帮助线下商家更好地用好“微信能量”的机会。

零售的本质是人和商品，以前的零售，无论是线下零售还是线上网店，除了商品本身，都有自己的客户，但客户是不融合互通的，所以呈现线性增长。新零售的核心就是线上线下互通融合，随着线上线下完全融合，线上客户与线下客户形成叠加和交叉，形成指数级的效应。小程序作为连接线下的最佳工具，将成为新零售时代，线下门店拥有“线上店”最简便和最佳的方式。

好了，讲了这么多小程序的好处，以及如何用小程序盈利、小程序的新机遇等，但有一个前提，需要先学会开发小程序。从下一课开始，我们就开始学习小程序开发，为了让读者能更好地掌握小程序的开发技术，本系列文章的最后提供了 6 个实战案例，以便让读者可以将理论和实战相结合。

下面详细说明一下本系列文章的主要内容。

• 小程序开发环境安装和配置
• 开发第一个小程序：石头剪子布
• 小程序布局，主要涉及到水平排列、水平折行排列、垂直排列、垂直折行排列、水平和垂直排列对齐方式、水平等间隔排列等
• 基础组件（text 组件、icon 组件和 progress 组件）
• 滚动视图
• 轮询图
• 表单组件（button、checkbox、input、label、radio、switch、picker 等）
• API 详解（网络、多媒体 API、文件、数据、位置等 API）
• 用 WeUI 开发小程序
• 实战案例一：高仿 iOS 计算器
• 实战案例二：快递查询
• 实战案例三：电影订票
• 实战案例四：绘制图表
• 实战案例五：小程序版网上商城
• 实战案例六：美团客户端（带支付功能）

读者通过本系列文章，不仅可以深入了解小程序开发的所有技术，还可以获得大量的实战经验。

第01课：小程序初体验

微信小程序概述

微信小程序是继订阅号、服务号、企业号之后，微信公众平台上全新的一种连接用户与服务的方式，目前已经有大量小程序上线，第一波红利开始显现，希望赶上第一波红利的同学抓紧了，时间不多了。

注册小程序账号

在开始学习小程序之前，先来看一下如何搭建小程序的开发环境。微信平台上的任何东西，要想使用，首先需有一个账号，小程序也不例外，先到到 官网 去注册一个小程序账号，进入该页面，单击右上角“立即注册”链接，会显示如下图的注册页面。

这 4 个注册类型需要使用 4 个不同的账号，如果读者已经有了订阅号或其他号的账号，仍然需要再次注册小程序账号。

现在单击“小程序”选项，会让你输入邮箱、密码、验证码等信息，这些都是注册的常规流程，这里不再敖述，然后单击下方的“注册”按钮，系统会发送一封 Email 到你注册的邮箱中，单击 Email 中的链接，这时会进入填写注册信息页面。目前小程序的账号注册并不对个人开发，只对如下图所示的 4 种类型的组织。

如果读者有自己的企业，或为单位注册，可以选择相应的类型。如果读者只是个人，可以尝试选择“其他组织”，并任意填写组织代码等信息，据说可以通过，由于本人并没有做这方面的尝试，所以并不能保证一定等通过，读者可以试一下。选择其他类型需要相关的资质证明，如果选择企业需要企业营业执照等信息。

在注册的过程中要用企业账户向腾讯官方的账号打款 0.06 元进行验证（要求在 10 天之内打款，否则验证失败，而且只能是 0.06 元）。不管验证是否成功，款都会退回到原来的企业账户，验证是自动的，但并不是实时的。腾讯的服务端应该是隔一段时间进行一次验证，可能会等几个小时，请耐心等待。

在验证通过之前，仍然可以用注册 Email 登录小程序后台，但无法获取小程序 AppID，验证通过后，会通过站内短信（在小程序后台右上角）进行通知。要注意的是，登录小程序后台的过程中要使用手机微信扫描二维码进行登录，请用管理员的微信扫描登录小程序后台。

当成功注册小程序账号后，可以进入官网页面进行登录，登录的过程中需要使用管理员的手机微信扫描二维码。刚一登录进小程序的后台管理页面，会看到如下图所示的主页面。

获得 AppID

尽管开发小程序，AppID 并不是必须的，但如果要在真机上测试小程序，以及发布小程序，就必须要 AppID 了，这就和 Apple 的开发者账号一样，如果不花 99$/1 年的费用购买开发者账号，就只能在 iOS 模拟器上玩玩了。当然，小程序的 AppID 是不收钱的，只要注册者满足资质，就可以免费注册，并获得 AppID。

如果读者按着上一节的步骤成功注册了小程序账号，并登录到小程序后台管理页面，点击左下角的“设置”链接，在右侧点击“开发设置”选项卡，就会看到“开发者 ID”列表，第一项“AppID（小程序 ID）”后面就是 AppID，如下图所示。

这个 AppID 是我做的一个小程序（极客题库）的 AppID，不过就算大家知道了这个 AppID，也用不了，因为登录时需要用管理员的微信扫描才可以，或者成为该项目的开发者，否则是无法使用别人的 AppID 的。

设置小程序信息

即使有了 AppID，也不能立即发布小程序，在此之前，还需要设置小程序的基本信息，点击“设置”链接，在右侧点击“基本设置”，会出现一些设置项，如小程序名称、小程序头像等。如果设置完，会有类似下图所示的信息。

当小程序发布后，如果想让别人使用你的小程序，最简单的方式就是提供小程序的二维码，点击页面“二维码”右侧的“下载”按钮，会弹出如下图的页面。

用户可以单击普通二维码和小程序码的相应下载按钮，下载不同尺寸的二维码和小程序码，下图是极客题库小程序码的样式。