get_product_contenthtml
微信小程序：
分享微信创业2.0时代千亿红利
张翔 著
内 容 简 介
小程序是一个新的概念，给创业者、投资者、程序员带来了福音。小程序是互联网创业的新方向，是投资机构的热门话题，也为程序员降低了工作强度。
面对这一热点，很多人想投身其中，但苦于对小程序了解不多而望而却步，因此，市场上需要一本关于微信小程序的书，帮助大家全面了解小程序。
本书分为上、中、下三篇，分为认识篇、开发篇和运营篇。认识篇向读者介绍微信小程序的定义、价值、外部环境以及它会带来哪些变化，目的是让读者了解微信小程序是什么，为什么重要；开发篇主要向读者介绍关于微信小程序开发组件、接入要求、设计规范和开发规则四个方面，目的是帮助非技术人员掌握微信小程序开发的要领；运营篇主要从资本来源、运营思维、盈利模式、推广营销以及创业前景等五方面讲述，目的是帮助读者预测微信小程序未来的发展方向以及创业前景等，让创业者、投资者对自己的创业做到心中有数。
本书封面贴有清华大学出版社防伪标签，无标签者不得销售。
版权所有，侵权必究。侵权举报电话：010-62782989 13701121933
图书在版编目(CIP)数据
微信小程序：分享微信创业2.0时代千亿红利 / 张翔著. — 北京：清华大学出版社，2017
ISBN 978-7-302-46484-6
Ⅰ. ①微… Ⅱ. ①张… Ⅲ. ①移动终端 应用程序 程序设计 Ⅳ. ①TN929.53
中国版本图书馆CIP数据核字(2017)第017121号
责任编辑：刘 洋
封面设计：李召霞
版式设计：方加青
责任校对：王荣静
责任印制：杨 艳
出版发行：清华大学出版社
网 址：http://www.tup.com.cn，http://www.wqbook.com
地 址：北京清华大学学研大厦A座 邮 编：100084
社 总 机：010-62770175 邮 购：010-62786544
投稿与读者服务：010-62776969，c-service@tup.tsinghua.edu.cn
质 量 反 馈：010-62772015，zhiliang@tup.tsinghua.edu.cn
印 装 者：三河市吉祥印务有限公司
经 销：全国新华书店
开 本：170mm×240mm 印 张：16.5 字 数：247千字
版 次：2017年3月第1版 印 次：2017年3月第1次印刷
印 数：1～4000
定 价：49.00元
—————————————————————————————————————————
产品编号：074141-01
自 序
小程序时代已经到来，你准备好了吗？
2007年1月9日，苹果iPhone正式发布，这是一个时代开始的象征。
十年后的同一天，2017年1月9日， 微信小程序正式上线。张小龙向乔布斯致敬，小程序无疑被寄予厚望，希望开启一个全新的时代。
在我看来，小程序的登场，意味着移动互联网真正进入下半场的较量。上半场争抢的是线上流量，随着线上用户增长红利趋于饱和，战争基本结束。而下半场则是线下用户之争，想象空间巨大。
张小龙在公开演讲中强调，他将微信看作工具而非平台，并提出“用完即走”的理念。基于这样的理念，小程序是轻量级产品，主要通过二维码的方式，不用下载，即扫即用，用完即走。
可见，小程序作为一个新的物种，它的价值更多的是借助微信的海量用户，作为工具连接线上和线下，提升线下商家的生产效率和服务能力，而微信因此也将自身的业务和生态蔓延至线下。
未来的机会，将来源于传统企业与移动互联网的深度融合。上半场更多的是互联网 ，是移动互联网技术嫁接各种传统行业，下半场我认为更应该是 互联网，是传统行业积极地利用互联网基础设施和工具，提升生产力和生命力。
这是一个重要的改变，传统行业成为中心和驱动。在这样背景之下出现的
前 言
小程序时代已经到来，你准备好了吗？
微信的月活跃量已经超过8亿人次，用户范围广、黏性高。在这种情形下，微信于2016年9月21日公开了“微信小程序”计划。
微信小程序是一种新的应用形态，无须下载安装即可使用的应用，用户只需要“扫一扫”或者“搜一下”即可打开应用，这体现了“用完即走”的理念。具体来说，微信小程序具有哪些优势呢？
1.独立生态
微信小程序采用微信统一的开发语言，不仅对用户界面（User Interface，UI）、运营等方面也有严格的规范，还拥有严格的审核机制，保证产品本身的内容质量。在此之前，很多长尾需求因为很多条件不成熟不能做的，现在有了微信小程序，大家可以将这些需求做重新尝试。即使是一个很小的需求点，开发者也可以以小程序的形式附着在微信上，从而让微信形成一个独立的生态圈。
2.体验好
有些人可能会担心小程序用户体验方面的问题，其实，微信小程序拥有着近乎原生APP的体验，无须安装，“扫一扫”或者“搜一下”即可打开直接进入主界面，用完也无须卸载，随用随走。另外，微信小程序比公众号的加载更快、更加流畅，对网络依赖也相对较低。
小程序可能仅需3 个工程师3 天即可完成。而且在技术上，小程序完全可以还原90% 以上的功能，且用户体验几乎可实现100% 还原。
3. 运营和推广成本降低拉新、促活、留存是原生APP 创业者和开发者无法绕不开的重要话题，而开发一个小程序，微信用户就是小程序的潜在用户，通过“扫一扫”、“搜一搜”一键即可获客并提供服务，这样就会大大降低小程序的运营成本。另外，大家在开发小程序时，硬件投入成本也会大大减少，比如，带宽、服务器的成本等。
那么什么样的应用会在小程序里被引爆？，轻量级的应用；第二，非刚需、低频的应用。从这点来看，与小程序比较般配的有生活服务类、工具类、电商类、O2O、自媒体和企业级应用等。特别是服务类产品，比如，教育、医疗、家政、求职招聘、二手买卖、旅游、票务、金融理财、汽车后市场等。
未来，每个线下门店，比如，餐馆、旅店、服装店等，它们可能只有极少数能拥有自己的APP 和网站，而每个线下门店都会拥有自己的小程序，因为它不仅开发简单、成本低，而且还能实现APP 和网页的功能，用户使用起来也更方便。
微信小程序会带来千亿市场，那么是不是所有进入小程序创业的掘金者都能满载而归呢？微信小程序有跟它般配的领域，也有不般配的，但每个企业都应该有一个小程序，就像即便不是专业自媒体，大家也都会有微信公众号一样。
总之，微信小程序既带来了冲击也带来了商机，关键在于开发者和创业者你如何把握。那些不关注微信小程序的中小企业，必定会在新一轮移动互联网变革中失去发展重心。而那些看清行业格局变化的人，他们能紧跟微信小程序的步伐，并把握机会抓住小程序背后的巨大商机。而且充分利用微信在社交方面的优势，让微信小程序做好社交类服务，将是中小企业在未来的移动互联网运营中的重点发展方向。综上所述，微信小程序非常值得大家关注并投入进去。
目 录
上篇 认识篇
章 微信小程序：移动互联网时代新一波红利 / 2
1.1 认识微信小程序 / 2
1.1.1 小程序前身是“应用号” / 3
1.1.2 小程序不是 HTML5，也不是Hybrid / 5
1.1.3 小程序不会挑战苹果规则 / 9
1.1.4 小程序是功能性公众号 / 10
1.2 微信小程序到底能做什么 / 14
1.2.1 给用户“直达服务” / 15
1.2.2 小程序是一个独立生态 / 17
1.2.3 苹果对小程序有哪些限制 / 20
1.3 微信小程序无可替代的优势 / 21
1.3.1 即用即走，无须下载 / 21
1.3.2 低门槛、低成本 / 25
1.4 微信开放微信小程序的目的 / 26
1.4.1 解决服务号无法高频使用问题 / 27
1.4.2 微信想占据用户更多的时间和使用场景 / 28
1.5 微信小程序社区 / 30
3.3.8 标签 / 68
3.3.9 表单 / 69
3.4 操作反馈 / 71
3.4.1 加载反馈 / 71
3.4.2 异常反馈 / 73
3.4.3 结果反馈 / 74
3.5 多媒体 / 78
3.5.1 音频 / 78
3.5.2 图片 / 80
3.5.3 视频 / 82
3.6 导航 / 83
3.7 地图 / 85
3.8 画布 / 87
第四章微信小程序接入指南 / 89
4.1 注册微信小程序 / 89
4.1.1 注册范围 / 89
4.1.2 注册入口 / 91
4.1.3 注册流程 / 92
4.2 小程序信息完善 / 97
4.2.1 填写小程序名称 / 97
4.2.2 小程序头像 / 98
4.2.3 小程序介绍 / 98
4.2.4 服务范围 / 99
第五章微信小程序设计规范 / 101
5.1 微信小程序产品定位 / 101
5.1.1 低频刚需VS高频刚需 / 102
5.1.2 低频非刚需VS高频非刚需 / 104
5.2 微信小程序设计切入点 / 104
6.5 微信小程序开发平台 / 145
6.6 微信小程序开发实例 / 149
6.6.1 微信小程序共享相册 / 149
6.6.2 微信小程序群活动 / 151
下篇运营篇第七章微信小程序运营资本来源 / 156
7.1 股权众筹3 大模式 / 156
7.1.1 凭证式众筹 / 157
7.1.2 会籍式众筹 / 159
7.1.3 天使式众筹 / 162
7.2 银行贷款4 种形式 / 165
7.2.1 创业贷款 / 165
7.2.2 信用贷款 / 167
7.2.3 抵押贷款 / 169
7.3 其他常见筹资方式 / 172
7.3.1 小额贷款：P2P借贷 P2C借贷 / 173
7.3.2 与竞争对手进行战略性合作 / 175
7.3.3 严禁采用高利贷筹集资金 / 176
第八章微信小程序运营思维 / 179
8.1 场景思维 / 179
8.1.1 流量思维，已经不适合微信小程序了 / 180
8.1.2 瞄准长尾市场，做行业内细分领域 / 183
8.2 用户思维 / 184
8.2.2 了解消费市场，找准用户群 / 185
8.2.3 做活动也要分析用户行为 / 186
8.3 品牌思维 / 188
XI
第十一章微信小程序创业前景 / 230
11.1 微信正试图开放更多长尾需求 / 230
11.1.1 微信小程序具有“千亿”市场潜力 / 230
11.1.2 微信发生质变：从连接人到连接商业 / 231
11.2 微信小程序适合哪些企业 / 232
11.2.1 生活服务类企业 / 233
11.2.2 电商类企业 / 233
11.2.3 工具类企业 / 234
11.2.4 O2O类企业 / 234
11.2.5 自媒体企业 / 234
11.2.6 企业级应用 / 235
11.3 哪些人可借助小程序红利挣到桶金 / 235
11.3.1 培训机构：“小程序员”将是独立岗位 / 236
11.3.2 程序员：帮助用户将PC、APP应用转向小程序 / 237
11.3.3 小程序速生平台：通过第三方开发心仪小程序 / 238
11.3.4 外包公司：小程序需求量大，外包必不可少 / 239
11.3.5 媒体评测：市场需要小程序评测、推荐机构 / 241
附录常见10类热门小程序 / 242
上篇认识篇章
微信小程序：移动互联网时代新一波红利
自微信公众平台（以下简称微信）发布小程序内测消息之后，“小程序”三个字就已经席卷了整个互联网。特别是微信小程序自2017 年1 月9 日正式上线之后，大家对它的关注度更大了，很多人都投入小程序创业中。其实，早在小程序还没有正式发布之前，很多人就已经开始投入到小程序的开发中，以便能获得移动互联网时代的新一波红利。微信推出小程序，势必会给移动互联网创业者、开发者带来巨大的红利，特别是对开发者而言，他们可能会是小程序的受益者，这点大家从小程序内测邀请函中即可看出。
1.1 认识微信小程序2017 年1 月9 日，微信小程序正式上线，关于小程序的定位、入口等各种猜测便告一段落。用“微信之父”张小龙的话说，小程序的开发是为了智能手机端更好的体验，更快捷获取服务，但是比网站体验好，并且免除下载APP 的步骤，更便捷、迅速。小程序的入口可以扫码、搜索、公众号关联、“发现小程序”查找等方式体验各类小程序。
微信突然发布一个消息：“微信公众号·小程序”开启内测，当天晚上便有不少用户收到微信小程序的内测邀请函（如图1-1 所示）。据微信团队透露，
章
微信小程序：移动互联网时代新一波红利
此次微信小程序内测资格只是面向服务号开放，首批有200 个内测名额。而自从微信官方发布开始内测之后，“小程序”一词便刷爆了朋友圈，据悉，当时一个微信小程序内测账号甚至被炒到300 万元。
微信刚公开小程序内测消息，大家就开始揣测微信的心思，有些人认为小程序将替代APP 功能，也有些人认为小程序会对微商、电商、应用市场等产生深远影响，还有些人认为微信打算做操作系统（Operating System， OS）……大家对小程序发出了各种声音，同时也说明小程序被很多人寄予厚望。那么被大家传得神乎其神的“小程序”到底是什么呢？
图1-1 微信小程序内测邀请函
小程序是微信公众平台提供的一种新的开放能力，用微信教父——张小龙的话说：“小程序是一种不需要下载安装即可使用的应用，它实现了应用‘触手可及’的梦想，用户“扫一扫”或者“搜一搜”即可打开应用。也体现了‘用完即走’的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无须安装卸载。”对于程序开发并不熟识的人来说，小程序可以简单理解为，收录在微信公众平台上，可以像网页那样，不需要下载，用完关掉即可。
1.1.1 小程序前身是“应用号”大家现在所说的“小程序”其实它的前身是“应用号”。早在2016 年1 月11 日，张小龙便在“微信公开课”中提到，微信将在订阅号和服务号的基础上，
章
微信小程序：移动互联网时代新一波红利
4. 系统权限微信官方曾宣传小程序将拥有原生APP 的流畅性能，要知道，这可是HTML5 Web 应用令人头疼的地方。可见，小程序有了微信这个强大的后台，将会拥有比HTML5 Web 更多的系统权限，比如，数据缓存能力、网络通信状态等，而且这些系统权限都能与微信小程序进行无缝衔接。
另外，小程序也不兼容HTML，这意味着会出现两种情况：一是小程序不能在页面中使用HTML 标记；二是小程序既不能嵌入HTML 网页，也无法在小程序里放置外链。
不过，小程序的出现，比较有新意、有价值的是，微信为用户提供了一个强大的应用后台支撑离线数据，赋予了那些单打独斗的HTML5 网页的原生应用能力，比如，利用原生APP 进行网络通信和数据缓存。缓存功能是小程序区别于HTML5 的关键点，这意味着小程序解决了HTML5 的困扰——加载慢、启动慢、运行慢。对此，微信曾夸下海口：“微信公众平台小程序在组件和 Web 之间取得了的平衡，保证了应用的一致性和运行效率，同时又兼顾了开发的方便性。”
微信小程序的出现，虽然在一定程度上为HTML5 带来生机，但它并不是HTML5，两者之间的关系如图1-5 所示。况且现在市面上已经出现了做基础交互的HTML5 制作工具，因此，程序开发者现在做的基本上还是HTML5 网页。
原生APP 小程序HTML5
图1-5 原生APP、小程序和HTML5 的关系
Hybrid 作为一种新的开发模式，很多人对它还不够了解，下面先对它做一下简单介绍。Hybrid 是一种APP 混合开发模式，不仅具备Web APP 跨平台开放优势，而且还兼顾原生APP 良好的用户交互体验优势。Web 、Hybrid 和Native 三者关系如图1-6 所示。
章
微信小程序：移动互联网时代新一波红利
于微信的独立的开发模式，能让开发者完全脱离操作DOM，让开发者的思想转变很大。
外部插件不能在小程序上使用外部框架不能在小程序上使用结构必须采用微信提供的组件Hybrid APP需要下载安装，而小程序不需要图1-7 小程序开发与Hybrid 开发区别
1.1.3 小程序不会挑战苹果规则自从微信官方公布小程序的相关细节之后，很多人都认为小程序会颠覆APP，其实不然，因为微信本身就是一款手机APP，在移动互联网的红利下成为一款超级APP，但它的成长需要依赖于iOS（苹果手机操作系统）和Android（安卓手机操作系统）两大平台。
在Android 平台上，安卓渠道的话语权较弱，基本上会以微信规则为准。而微信对iOS 平台的依赖性还是很大的，但由于苹果对应用市场的把控很严格，腾讯会与苹果公司针对小程序的具体规则做协商。而且苹果和腾讯也有足够的智慧达成合作，毕竟一切都是利益的博弈。
当然，苹果同样也依赖于微信。中国是苹果的市场，而微信在中国拥有的用户群体，不仅如此，微信的上家腾讯，它的其他应用在中国也是首屈一指的。苹果如果将微信下架，那么得罪的不只是微信，而是整个腾讯系产品，那时苹果在中国的大量用户必然会转向安卓阵营，这种情况自然也是苹果不愿意看到的。所以，微信和苹果两者是相辅相成、不可分割的。
从近两年的苹果发布会也可以看到，苹果非常重视腾讯系产品。苹果发布会被称为“科技界春晚”，它在世界上的影响是非凡的。而在这样大的场合中，腾讯系产品露面的机会很多。2015 年3 月9 日，苹果的“重量级产品——
章
微信小程序：移动互联网时代新一波红利
图1-8 微信公众平台账号分类
2. 订阅号订阅号为媒体和个人提供一种新的信息传播方式，构建与读者之间更好的沟通与管理模式。
3. 小程序小程序是一种新的开放能力，可以在微信内被便捷地获取和传播，同时具有出色的使用体验。当然，从性能上来说，小程序也可以与微信公众号平台相类比。微信公众号是生产内容的，而小程序是生产应用，当然，它的应用都是一些“小应用”，这种“小应用”为开发者提供了更多的想象空间，而且没有了成本压力，开发者也可以快速开发一个小程序。
4. 企业号企业号是为企业或组织提供移动应用入口，帮助企业建立与员工、上下游供应链及企业应用间的连系。
在介绍了微信公众平台上的四个账号分类后，下面具体来说一下订阅号、服务号、企业号和小程序有哪些方面的区别。其对比内容如表1-1 所示。
（1）开发语言订阅号、服务号、企业号的开发语言均采用HTML5 技术，而小程序则采用微信自己研发的编程语言。
章
微信小程序：移动互联网时代新一波红利
微信小程序作为一种功能性的公众号，它之所以称为“小”程序，其精巧点就在“小”上面，这种程序不需要占用手机终端太多的存储空间，用时即开，用完即关，让用户使用起来更便捷。
例如，火车票APP，很多用户一年用不了几次，但每次用手机买火车票，都需要用这个APP，因此，很多用户为了不让它占用手机更多的空间，他们会在每次使用时下载，用完之后再卸载，这个过程对用户来说是很痛苦的。而现在小程序就可以解决用户的这种痛点，用户不需下载安装，只需要搜一下就可直接使用，它就像是一个无形的APP，平时不用的时候，不会向用户发任何东西，只是很安静地存在那里，等用户需要的时候只需要找到它即可。
微信小程序能在很大程度上降低手机的存储空间，甚至有网友大开脑洞，想象了未来iPhone8 的用户界面（如图1-9 所示），并自配乔布斯台词：“你看啊，很多用户吐槽原生APP 删不掉，可是当你打开iPhone8 的时候会惊喜地发现，它只有两款应用——App Store 和微信。App Store 用来升级微信，微信用来使用其他APP。”
图1-9 网友想象的iPhone8 用户界面
虽然网友的想象不太可能实现，但小程序能解决手机应用程序日益增加的问题，这是毋庸置疑的。如今，用户有很多需求是刚需的，但这些需求属于长尾市场。那么什么是长尾市场呢？长尾市场分布图如图1-10 所示。
在图1-10 中，中间的突起部分A叫“头”；两边相对平缓的部分B1、B2 叫“尾”。从用户需求的角度分析，用户的大多数需求会集中在A，这部分被称为流行市场；而分布在B1 和B2 部分的需求的特点通常是个性化的、少量的、零散的，这些需求会形成一条长长的“尾巴”，这部分被称为非流行市场，也称长尾市场。大家通常所听到的“长尾效应”就在于它的数量上，将所有长尾
章
微信小程序：移动互联网时代新一波红利
1.2.1 给用户“直达服务”随着移动互联网的高速发展，流量入口越来越丰富，垂直领域的产品也越来越泛滥，这让用户变得越来越挑剔。因此，互联网公司要想留住用户，必须尽可能地提升用户的体验效果，可能一个环节不到位，用户就会转身离开。如今，公司获取用户的成本越来越高，比如，广告费、宣传费、流量费等，如果因为某一环节不符合用户的口味，使公司花费大量的人力物力拉来的用户跑掉，那就真的太可惜了。
微信作为一个聊天工具，为什么会在近年内突然火爆起来，这自然有它的过人之处。接下来，先为大家简单介绍一下微信有哪些方面的特色？其内容如图1-11 所示。
公众号扫一扫语音消息摇一摇朋友圈功能全面界面简洁微信特色图1-11 微信特色
1. 语音消息语音消息是微信的主打特色，这让沟通变得更便捷、更高效，而这一点无疑是微信的吸引力。
2. 朋友圈朋友圈能帮用户保护隐私，不是互为好友的不能看用户的动态和评论，而且朋友圈还有分组功能，用户可以指定好友查看自己的动态和评论。
章
微信小程序：移动互联网时代新一波红利
的事情，所以大家会看到微信朋友圈的限制很严格，各种营销在朋友圈里面微信都会很严格地对待。
当然，微信小程序也会严格遵循微信的价值观。前文也说过，微信小程序是一个功能性的“小应用”，其目的就是给用户提供更快速的“直达服务”。比如，用户在小程序搜索框内搜索“上海到南京火车票”，页面立刻转到火车票列表页，直接购买火车票即可。这样便为用户省去了烦琐的下载、安装和注册过程，也不需要看有关小程序的产品介绍信息。
另外，微信为了让用户能真正体会到小程序提供的“直达服务”，小程序不需要关注即可使用，这让用户使用起来没有了心理压力。而且用户在搜索小程序时，可以搜索小程序的名称和描述，但多只能搜索小程序 5 个功能性页面。可见，微信对小程序直达的使用场景也是非常重视的。
此外，微信为了给小程序提供更健康的交互环境，用户在申请微信小程序时会有严格的审核标准，比如，“小”程序应以简单为重，不能把小程序开发成“大”程序，微信目前的硬限制是小程序本身代码资源等文件大小限制在1MB 之内；小程序不能用于营销活动、广告等用途，也不能有类似算命、星座运势之类的测试类内容，更不能包含赌博、竞猜、抽奖等内容；小程序里面的图片，不能包含广告、网址；微信不允许批量注册、重复提交大量类似的小程序。
现在微信里面虽然有像滴滴出行、购物、地图等第三方应用，但它们的服务体验都不能很好地满足用户需求。而小程序能很好地帮助微信解决用户体验方面的问题，开发者可预先把文件缓存在微信存储端，当用户在小程序中打开第三方应用后，完全不需要忍耐长达3 ～ 5 秒的白屏时间，可立即打开使用。
无论是微信本身，还是小程序自身，它们的目的都一样，就是为用户提供简单舒适的“直达服务”，铲除应用中可能出现的各种杂草。
1.2.2 小程序是一个独立生态随着经济全球化、网络化的发展，逐渐形成了商业生态系统。这是一种新型的企业网络，能使企业形成协调发展，并达到一种良性循环。微信自然也希
19 章微信小程序：移动互联网时代新一波红利件生态。在讲微信小程序生态之前，先向大家介绍一下什么是软件生态？一般情况下，软件生态具有以下特点（如图1-13 所示）。严格规范统一入口统一语言互利共赢图1-13 生态特点一个独立的软件生态是由一个大平台打造的，它能为所有开发者提供统一入口，采用统一的开发语言，还要对 UI、审核、运营等方面进行严格规范， 终达到让平台与开发者分成、共赢的目的。下面说一下微信小程序的生态（如图1-14 所示）。严格规范（设计、审核及运营规范） 统一语言（微信开发语言） 统一入口（微信客户端） 互利共赢（待定）图1-14 小程序生态对小程序生态来说，它是由微信这个大平台打造的，微信作为统一入口， 统一利用微信开发语言进行开发，并对其设计、审核及运营等方面做严格规范。目前，微信尚未公布如何与开发者分成，但这是有可能的。未来，“超级APP 轻应用”的模式可能会为移动互联网带来新一波红利。以前，很多长尾需求因为很多条件不成熟不能做，而现在有了微信小程序，大21 章微信小程序：移动互联网时代新一波红利用将会被拒绝。（3）使用Apple Pay 进行定期付款的应用程序必须展示每个阶段所需款额，费用归属以及如何取消等。（4）所有在iPhone 上的虚拟商品，不管是游戏道具还是电子书或者音乐， 都必须通过App Store 的支付，每笔交易分30% 给苹果。这意味着游戏、直播等靠卖虚拟道具赚钱的此类服务不能通过微信支付完成。微信即便愿意支持这类应用，也必须通过一个相当复杂的机制才能完成从在苹果付款到分给开发者的过程。除了苹果对微信小程序有所压制以外，应用渠道商也因小程序感到了压力， 因为微信推出的小程序会对现有的分发以及下载渠道都必然有所波及，因此， 小程序也会大大加深应用渠道商的危机感。虽然微信团队自称微信推出小程序并非想要做应用分发市场，而是给一些优质服务提供一个开放的平台，但分发渠道商对此仍有一些顾虑。1.3 微信小程序无可替代的优势微信小程序自推出之日起便备受关注，这主要与小程序自身有无可替代的优势有关，例如，小程序不用安装，即开即用，用完就走，省流量，省安装时间， 不占用桌面等。而且对小程序创业者而言，开发成本更低，能省去更多的财力和人力；对用户来说，小程序与各种APP 相比，前者在UI 和操作流程上更统一， 这会降低用户的使用难度。下面将对小程序的这些优势做具体介绍。1.3.1 即用即走，无须下载微信小程序可以用完即走，不会主动骚扰用户，也不会过度黏住用户；微信小程序无须下载，免去了安装卸载这些烦琐步骤，而且还不占空间，不浪费流量，不残留垃圾。其实，微信小程序“无须安装，一键使用”不算是一个新想法，在此之前，23 章微信小程序：移动互联网时代新一波红利虽然“滴滴出行”在微信中的入口位置不是很明显，但是这对提升不频繁打车的用户来说还是很有吸引力的。因为他们不用专门下载卸载“滴滴出行”APP，即可实现即用即走服务。不过，微信这次推出小程序，其入口位置不会像“滴滴出行”这样隐藏得这么深。小程序入口的争议从其问世之日起便一直不绝入耳，大家对它自然少不了各种猜测。直到2016 年11 月18 日，这时距离微信小程序开放公测已经过去两周，张小龙在朋友圈发布了一条朋友圈说说“程序猿的一小步，程序的一大步”，并附一张图片（如图1-16 所示）。图1-16 张小龙朋友圈截图从图1-16 可见，张小龙所附照片是一部手机，其桌面上整齐排列着25 个小程序图标，这意味着微信小程序入口可以从桌面直接启动调用。后来，关于小程序入口的问题，张小龙又在2017 微信公开课中明确表示：“公众号在微信里面其实也没有入口，一个用户如果没有订阅过任何一个公众号，他在微信里面找不到这样一个入口，小程序也是一样的，如果一个人没有去运行过任何一个小程序，他在微信里也是找不到小程序的入口。”只有在用户运行过一个小程序，小程序入口才会出现在图1-17 所示位置。25 章微信小程序：移动互联网时代新一波红利1.3.2 低门槛、低成本据微信官方介绍，小程序注册方式是登录微信公众平台并注册小程序，完成注册后可同步进行信息完善和开发。对于小程序创业者而言，微信还为小程序开发提供了很多支持，除了微信这个强大的入口以外，微信还会为开发者提供很多开发支持，比如，为了帮助开发者简单和高效地开发微信小程序，微信推出了全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能，这使小程序的开发难度大大降低。如今，大家开发一个小程序，只需要2 ～ 3 个工程师，花费3 ～ 4 天时间就可以实现原生APP 90% 以上的功能。而开发出一款既适合iOS 又适合安卓应用的APP，至少需要两三个月，而且仅技术开发的成本就达到百万元级别， 这还不算上UI 前端以及市场推广等成本。可见，小程序大大降低了创业者的门槛。小程序依赖于微信这棵大树，它与原生APP 相比，不仅程序开发成本低， 而且也让运营、推广变得更容易更简单，更省成本。在开发成本方面，小程序大大减少了应用的开发成本，不仅包括金钱成本，还包括时间成本。下面主要从小程序如何降低推广成本来说。在移动互联网新时代，各企业之间的竞争是非常激烈的，像APP 这样的应用工具要想获取用户已经很不容易了，更何况还要做好运营及推广， 提升用户活跃度，并留住用户。在运营及推广中，如何让更多的用户认识应用， 如何让用户心甘情愿地下载并注册等问题，都会增加开发者的运营及推广成本。而小程序是各类应用的Shopping Mall（大型购物中心），它位于微信内部， 而微信则是一个流量超级入口，它占据用户聚集地，还具有超高的使用时长和频次。凡是微信内的用户都可以通过“扫一扫”、“搜一搜”等一键功能， 即可获取用户，从而大大降低小程序的运营及推广成本。因此，小程序创业者在微信的帮助下，将不再为了获取用户做各类推广而烦恼，用户到达率自然也会更高。27 章微信小程序：移动互联网时代新一波红利1.4.1 解决服务号无法高频使用问题其实，微信推出的订阅号和服务号，其目的是让订阅号为用户提供内容， 让服务号为用户提供各种服务，从而让微信逐渐成为一个生态圈，用户无须离开微信，即可完成社交、阅读、获取生活服务等。的确，订阅号中也出现了很多像“一条”、“咪蒙”、“同道大叔”、“小道消息”这样的让媒体眼红的订阅号大户，很多做得好的订阅号也受到了一些风险投资（Venture Capital，VC）的关注。服务号中虽然也出现了在体验层面做得优秀的服务号，例如，“助理来也”、“朝夕日历”、“我的印象笔记” 等，但很少有 VC 投资服务号，真正做起来的服务号也少之又少。如今，用户使用服务号的功能很简单，用户的使用场景以接收通知为主， 以替代短信的推送服务，还有就是查询信用卡额度等低频服务，而服务号的其他功能则很少被用到。因此，服务号没有完成微信让它为用户提供服务的期待。张小龙曾在2016 年1 月11 日的“微信公开课”上说：“我们的本意并不是要做成一个只是传播内容的平台，我们一直说要做一个提供服务的平台，所以后面我们甚至专门拆分出一个服务号出来，但是服务号还是没有达到我们的要求，说服务号可以在里面提供服务为主，所有的服务号还是基于一个诉求， 这不是我们想看到的。” 那么为什么用户非要费劲下载安装一个APP，而不用微信服务号里能与APP 提供同样功能的服务号呢？其原因主要有以下5 点（如图1-19 所示）。1.体验差2.层级多3.接口少4.内容参差不齐5.过度营销服务号缺点图1-19 服务号缺点1. 体验差服务号的体验性差，包括三方面内容：一是，页面的流畅性比原生APP29 章微信小程序：移动互联网时代新一波红利重依赖于微信，只能存在于微信中。所以，微信推出小程序的目的之一是抢占应用服务市场，此战略与天猫卖东西的道理很相似，即平台给用户玩，卖什么用户说了算，反正都是在天猫平台上卖。微信推出小程序的初衷就是搭建一个平台，而不是自己涉足各种各样的功能。因此，微信向小程序用户开放了很多接口，这意味着微信赋予了开发者更多的能力，这不仅能降低开发成本和应用维护难度，而且微信还可以凭借自身的巨大流量池，让长尾APP 的部分功能在小程序中出现。微信这种赋予小程序创业者更多能力的行为，与马化腾所强调的“半条命交给开发者”、 开放、连接器等概念和理论相吻合。无论小程序未来的发展状况如何，微信已经成为一个更加开放的平台了。前文提到，小程序这一产品形态，并非微信首创，早在2013 年，百度和UC 就已经对“轻应用”模式进行了大胆尝试，但后都以失败而告终，原因是百度和UC 都不具备发展起“超级APP”的根基，即产品用户量级。百度和UC 在产品用户量级没有达到一定层次，尤其是在用户不够高频的情况下开展此产品形态，这就导致只是平台单方面有激情，而开发者没有太大兴趣的局面，出现这种局面的根本原因是开发者感觉自己从中捞不到多少好处。而且在当时的市场环境中，应用市场领域尚未开始或者才刚刚开始整合，势头更劲， 在这样的情况下，开发者自然不会对“轻应用”这件事情感兴趣，因此，百度和UC 很难在应用市场中取得成功。而微信此次推出小程序，可谓是“天时地利人和”。如今，移动互联网的大环境已经发生了很大的改变，现在应用市场已经完成了全方位的整合，而且长尾APP 在用户面前露脸的机会越来越少，这不仅是因为开发成本越来越高， 还因为流量变得越来越贵。在这种情况下，开发者对于功能展示的需求已经达到了前所未有的迫切希望，这从小程序推出之前便深受外界关注即可看出。而微信在成功布局了订阅号、服务号，并积极培育用户的使用习惯之后， 它开始向具体应用的部分功能方向做进一步推进，而且微信本身还拥有的基数庞大且固定的活跃用户，小程序必能在“平台级应用”方面完成进一步升级与完善。因此，小程序的出现，会让微信占据用户更多的时间和使用场景。31 章微信小程序：移动互联网时代新一波红利用户还可以在上面自由分享微信小程序开发经验，挖掘更大的商业空间。此外， 用户还可以随时查看青雀平台的动态，以便了解更多开发功能及资源。有了这个小程序社区，开发者、创业者或中小企业主们，都可以在这个平台上查找、交流、分享关于微信小程序的一切问题，与此同时，大量的第三方开发者和平台对微信生态的繁荣也起到了积极的推动作用。第二章微信小程序会带来哪些改变小程序是一种新的应用形态，与订阅号、服务号和企业号共同组成微信内并行的体系。小程序作为微信的又一次大动作，它不仅改变了自身的生态体系， 而且还会对其他应用及平台产生一定的影响。而自小程序出现后，大家议论多的就是小程序能否颠覆原生APP，小程序能否成为OS 平台以及小程序会影响到哪些群体。对于以上这些疑问，本章将为大家做具体介绍。2.1 微信小程序将改变APP、OS 格局微信推出小程序后，大家对于小程序能否危机APP、OS 平台及应用的争议很大，有些人认为小程序会取代APP，而有些人却认为“取代APP”这种说法有点儿言过其实了；有些人认为微信推出小程序的目的是要做OS，而有些人却认为微信由于自身的缺陷，即使小程序也不可能帮助它成为OS，它只可能依靠小程序在内部形成“事实上”的OS。关于大家对小程序可能带来哪些改变的一些争议，下面将对其做具体解释。33 第二章微信小程序会带来哪些改变2.1.1 小程序能否革APP的命“微信之父”张小龙在2016 年1 月11 日的微信公开课上透露，微信要推出“应用号”。据张小龙当时的描述：“我们希望存在一种新的公众号的形态， 这种形态下面用户关注了一个公众号，就像安装了一个APP 一样，他要找这个公众号的时候就像找一个APP 一样，进去使用这个公众号，在平时这个公众号不会向用户发东西的，所以APP 就会很安静的存在那里，等用户需要的时候找到它就好了，这样的话我们可以尝试做到让更多的APP 有一种更轻量的形态，但是又更好使用的一种形态来存在，这是我们在探讨的一种新的公众号形态，叫应用号。” 微信应用号被大家讨论了很久，很多人认为微信这次开展大动作的目的是想把用户使用APP 的动作都集中在微信上。用户无须再安装太多的应用，以后应用将无处不在，无须下载安装卸载。在前文也说过，微信之所以要做小程序，其一部分原因是“解决服务号无法高频使用问题”，还有更直接的原因是建立微信生态体系。如今，随着小程序公测已经打开，小程序、订阅号、服务号、企业号便形成了微信的四大生态体系（如图2-1 所示），从而让微信更具公开性。订阅号服务号小程序企业号微信四大生态系统图2-1 微信四大生态体系众所周知，APP 除了开发成本高以外，下载成本也是不容忽视的一部分， 很多APP 下载后的使用频率低，很可能一个月都不会使用一次，因此，APP 的卸载率高，这无疑增加了开发者的下载成本。此外，APP 的流量成本目前也在急剧攀升，很多初创企业后都倒在了流量上面。因此，小程序对于APP35 第二章微信小程序会带来哪些改变2. APP 的用户规模和活跃度规模总体还很高HTML5 和APP 的产品定位在小程序出现之前就已经有了很明显的界限， 两者的区分除了用户体验方面的问题外，其核心区别还在于入口的需求，而且现在还并不会因为小程序的加入有巨大的改变。下面从iPhone 现有的格局来看，对APP 和HTML5 产品作比较，具体内容如图2-4 所示。App Store APP 榜单搜索社交产品广告平台用户发现下载安装HTML5 产品域名社交平台用户消费用户消费图2-4 APP 与HTML5 产品消费门槛比较从图2-4 可见，APP 获取用户的门槛比HTML5 产品高很多，但高门槛自有高门槛的好处，它会使用户的二次消费门槛降低，而这也是APP 的独有优势。APP 也正是因为这样的优势，它现在的用户规模和活跃度规模总体还是比微信公众号高很多。目前，虽然微信的活跃度居高不下，但这并不代表公众号或者“小程序”的活跃度就高，因此，小程序未来的用户规模和活跃度规模如何， 至少现在还是未知的。3. 小程序只能适合部分应用场景张小龙希望微信小程序对用户来说，应该是“无处不在、触手可及、随时可用、用完即走”的一种“小应用”，其重点在一个“小”字上。那么，低频、非刚需、轻量级、功能单一、不需要调动太多系统级能力的应用似乎更适合小程序。而对一些高频刚需的应用场景，小程序还是有一定的弱势的。高频场景的服务依然适合以独立APP 作为阵地，就像微信给开辟了明显的“购物”二级入口，也只是增量而已，自己的APP 仍是主阵地，即使在体验上大大增强的微信小程序也难以改变这个事实。除了关心小程序的产品形态，用户也同样想知道小程序更适合哪些领域的37 第二章微信小程序会带来哪些改变改善下单流程、客服等方面的体验优化，从而更好地维系用户。4. 微信对小程序某些功能有限制“小程序”是基于微信体系做的程序开发，这对微信自身的产品研发和推广会产生一定的影响，因此，微信在某些方面做一些限制和管控也是无可厚非的。2016 年11 月3 日，小程序便开始公测了，但小程序能否开发，还需要微信的审核，一些不符合微信要求的内容，微信是不予通过的。小程序除了要通过微信的审核以外，可能还要面临被封杀的危险，这方面对有些创业者来说也是无法接受的弊端。因为小程序内的很多数据都停留在微信平台上，不能掌握在开发者或者创业者自己手中，一旦小程序像微信公众号一样被封号，那么他们辛辛苦苦积累的数据就会付诸东流，这也是很多创业者不可承受的。可见，虽然微信小程序的好处是显而易见的，但微信对小程序某些功能的限制也是大家不容忽视的。综上所述，微信小程序的出现虽然对APP 在一定程度上存在很大的威胁， 但并不像很多人鼓吹的那样小程序会取代APP。另外，HTML5 会颠覆APP 这个说法听上去很时髦，但实际上，根据国际科技媒体的数据显示，目前80% 的APP采用了HTML5技术混合开发。由此可见，APP与HTML5不是相互终结， 而是相濡以沫的关系。微信小程序，作为APP 与HTML5 当前完美的融合，不但能够规避原生APP 的竞争红海，充分利用微信8 亿用户带来的巨大流量资源，并且具有极低的开发成本和极高的容错空间。而且小程序与广泛的HTML5 内容一样，几乎能以任何互联网服务内容的形式存在，特别是基于微信，在单个地域级别的服务应用领域，更是拥有无可匹敌的优势。在此前提下，小程序的潜力可以想象。2.1.2 小程序能够改变OS市场微信小程序出现之后，很多人对它都有诸多猜想，有人认为微信未来要做手机上的OS，其实，这样的定位是不符合常理的，因为手机OS 的核心是APP 收藏夹，而微信属于聊天窗口，这个本质是不会改变的。39 第二章微信小程序会带来哪些改变服务受限制流畅性低小程序先天缺陷图2-8 小程序先天缺陷1. 流畅性低从表面上看，小程序似乎拥有OS 的所有接口，但是小程序毕竟是基于微信的，微信本身虽然是一款超级APP，但它依然是OS 上的一个APP。鉴于此， 小程序从技术角度上来说是不可能像原生APP 一样流畅，因为小程序无论实现哪些功能，它都会比原生APP 多一层计算，因此，小程序无论是从处理器还是内存、耗电等方面，都会降低效率。另外，微信在庞大的用户量下，如果再承载小程序功能，肯定会在一定程度上影响用户的体验。因此，小程序天生注定不能完成一些复杂的任务，也不适合一些高频服务。2. 服务受限制小程序在个性化功能、交互方式、离线数据等方面都受限制，因此，类似于美图秀秀、高德地图、大型游戏等服务应用将不会在小程序中出现。小程序更适合一些使用频率低、功能相对少，并且有服务属性的应用。从小程序的天生缺陷可以看出，微信可能永远不会成为一个OS，它也不可能做一个OS，但它可以成为一个“事实上”的 OS。因为微信推出小程序的目的是补充服务号没有满足好的高频使用场景，有了小程序，微信可以三管齐下（如图2-9 所示）。微信三管齐下更多的用户时间更多的服务入口更多的应用场景图2-9 微信三管齐下41 第二章微信小程序会带来哪些改变多中小企业的原生APP 开发者虽然花费了大量的人力、物力和财力开发出一个APP，但却根本留不住用户，有些甚至连成本都收不回来，更别说盈利了。另一方面，由于微信小程序无须下载安装卸载，也不占用内存，即用即走， 能很容易吸引用户，并赢得用户的青睐。可见，中小型企业的APP 的生存空间会因为小程序的出现，变得越来越窄，甚至有可能完全被淘汰。不过，从客观上来讲，在短期内，小程序对大型企业的原生APP 开发者的影响不会太大，比如，淘宝、天猫、唯品会、美图秀秀等超级APP。因为这些早已成气候的APP：其一，这些大企业不愿意依附于微信，与微信瓜分果实；其二，像淘宝、天猫这些APP，它们自身的用户量级就很高，没必要再借助微信这个入口；其三，现在小程序本身还有一些无法逾越的缺点，这些在本书的2.1.1 节中有具体介绍，在此不再赘述。其实，在早期就接受了微信给的特权入口（如图2-11 所示），但其效果一直不温不火。不少人认为，小程序目前还不适合像、淘宝等大型APP 驻入。 图2-11 商城在微信的入口小程序对大型企业的原生APP 影响不大，但对中小型企业的原生APP 开43 第二章微信小程序会带来哪些改变交流，它们自然也就不可能真正充分地把微信用户变成自己的用户。而且现在自媒体除了广告收入，其他的盈利模式成功案例很少，比如，电商盈利模式。但现在微信推出小程序，能与订阅号、服务号和企业号形成商业闭环，这样公众号便能很容易将微信用户转换为自己的用户。因此，小程序不仅能帮助订阅号、服务号和企业号形成更多的盈利点，而且还将打破它们原有的行业生态，形成能良性循环的生态圈。当小程序全面开放之后，订阅号和服务号的功能依旧不变，其中，订阅号依旧适合内容创业者，它还要依靠那些能持续生产内容生存的自媒体和企业生存；服务号则会发生一些改变，它将更适用于需要沟通和交流的品牌企业。不过，那些为用户提供各种功能和服务的企业势必会大量抓住小程序这个新突破口，开始向小程序转型。在这个已经到来的小程序红利期，公众号运营者需要对自己未来的发展方向做重新规划，思考自己的企业是继续坚持运营传播常规化内容的订阅号和服务号，还是向能够提供强大功能和服务的小程序方向转型。相信，在小程序这波新红利中，必然会有很多公众号运营者会转型开始做小程序运营。当然，公众号运营者向小程序运营的转型并不是那么简单的，毕竟小程序是一种功能性公众号，更多的是面向小程序开发人员。当微信官方宣布为小程序开发提供第三方开发接口后，前端开发技术（HTML5、JavaScript 等）迎来了新一轮高潮，并受到各界的高度关注。而对大部分非技术出身的公众号运营者来说，不仅要做好微信运营，还要搞清楚小程序的来龙去脉，这将是他们在运营过程中面临的一个巨大挑战。因此，公众号运营者转型之后，在运营小程序前要掌握一些基础的开发知识，其主要内容如图2-13 所示。123 弄懂小程序框架思路制定小程序开发需求掌握小程序运营数据分析图2-13 小程序运营者要掌握的基础开发知识45 第二章微信小程序会带来哪些改变不能分享到朋友圈没有关注功能不能内嵌网站和外链不能群发消息图2-14 小程序不适合做营销原因虽然微信取消关注、粉丝、群发这些功能的初衷是让小程序有好的产品环境，提升用户体验，而不是开发一个新的营销阵地。但微信小程序对品牌营销者来说，可能也是一个新的突破点。营销人员耳熟能详的话：用户在哪里，产品的营销就在哪里。虽然小程序的关注、粉丝、群发这些功能统统都取消了， 但它可以转发给好友，或者转发到微信群。况且在移动互联网时代，品牌营销和推广的重心早已从线下营销转移到线上营销。线上任何用户聚集地都可以成为营销聚集地，例如，微博是用户聚集地，营销人员就开启了微博营销；公众号是用户聚集地，营销人员就开启了公众号营销；直播是用户聚集地，营销人员就开启了直播营销。如今，小程序可能会成为大量用户聚集地，营销人员自然也不会放过这个好地方。营销人员的注意力将很快会被小程序这个新生事物所吸引。虽然微信对小程序开发有诸多限制，例如，禁止诱导分享、诱导关注，但开发微信小程序无疑也是一个全新的品牌营销方向。因此，那些还在为打通营销渠道而绞尽脑汁的品牌营销者们，与其把大把精力花费在各种转化率低下的传统营销渠道上，倒不如紧盯小程序这个新机遇，说不定会对自己的营销事业起到事半功倍的效果。毕竟小程序强大的用户群体就停在那里，谁都不想眼睁睁错过。2.2.4 依靠微信生存的微商以社交起家的微信，为了扩展自己在其他方面的业务，它推出了很多功能， 比如，微信在公众平台推出订阅号、服务号和企业号，特别是订阅号现在已经47 第二章微信小程序会带来哪些改变朋友圈微商在经历了野蛮生长之后，很多微信用户已经厌倦了那些在朋友圈频发广告的微商，现在的朋友圈微商正处于很尴尬的境地。为了阻止一些朋友圈微商的进行恶性营销，微信从2016 年9 月12 日开始，便开启了整顿多级分销欺诈行为。微信的这一动作严重打击了以层层分销为主要盈利模式的微商， 从此以后，朋友圈微商也正式告别了野蛮生长期，进入被微信团队严加监管的新阶段。在微信开始整顿微商的同一时间，即2016 年9 月22 日，微信小程序宣布问世，这不得不让人联想到微信此次推出小程序与打击不法微商有着密切联系。这或许是微信要以丰富电商购物场景来推动微信电商化的进程，自此微信将越来越深入地介入电商化场景的方方面面。总之，微信小程序的出现，无疑会给那些依靠朋友圈生存的微商提供一个新机遇。小程序将会给依靠朋友圈生存的微商提供一个强大的电子商铺平台，这种改变极有可能会让整个微商行业重新洗牌。小程序能否实现微信电商化的理想， 大家拭目以待。下面先看一下小程序会在哪些方面会促进微信在电商方面的发展呢？其内容如图2-16 所示。改进一改进二改进三通过HTML5丰富微商购物场景增加流量导入，提升用户体验利用创意，整合优质微商资源图2-16 小程序对电商的改进方面1. 通过HTML5 丰富微商购物场景如今，电商的购物场景已经发展了改变，以往的纯货架模式已经不能满足买家的需求，进而电商开始转向以内容为驱动的多场景购物模式。例如，淘宝推出的“淘宝头条”，这就是一个以内容为驱动的完善购物场景，这种购物场景大大提高了流量的利用率。因此，在这样的情况下，微信再推出货架电商似乎没有太大的意义。然而小程序因为其独有优势，不仅能降低商家的HTML5 开发难度，还能利用微信官方支持的朋友圈等传播通道。另外，商家还可通过自己的创意设计，中篇 开发篇第三章微信小程序开发必知的8项组件微信专门为开发者提供了一系列基础组件，不仅在性能上比HTML5 Web 应用更好，而且微信还能控制小程序的所有细节。对小程序创业者而言，他们通过组合微信提供的这些组件，可以进行快速开发。那么什么是组件呢？组件是视图层的基本组成单元，自带一些功能与微信风格的样式。每个组件都有开始标签和结束标签，内容在这两个标签之间，并通过各自定义的属性修饰这个组件。微信小程序创业者在开发前，要先弄清楚微信为大家提供了哪些组件， 本章将为大家做详细介绍。3.1 视图容器微信为小程序创业者提供了统一的框架MINA，其核心是一个相应的数据绑定系统，整个系统分为视图层（View）描述语言和逻辑层（App Service） 框架两部分，如图3-1 所示。MINA 框架为开发者提供了一套具有微信风格和微信逻辑的基础组件。开发者通过组合各种基础组件，包括视图容器（View Container）、基础内容（Basic Content）、表单组件（Form）、操作反馈（Interaction）、导航（Navigation）、多媒体（Media）、地图（Map）、画布（Canvas）等。总之，操作系统给51 第三章微信小程序开发必知的8 项组件APP 开发者提供的功能，微信基本上都能给小程序创业者提供，只不过小程序的开发语言是基于JavaScript 和HTML5 的，而且在控制权限、能力范围以及操作系统等方面还是有一定差距的，因此，微信这次改革只能算是小程序， 而不能称为应用。MINA 视图层描述语言逻辑层框架WXML WXSS JavaScript 图3-1 小程序MINA 框架开发者根据MINA 框架中的基础组件，可创建出自己的微信小程序。不过，程序开发者利用MINA 开发一些小应用还是比较简单的， 但是要想开发一些比较复杂的应用，还是有困难的，因为微信的封装，限制了开发者的自由， 因此，复杂应用的难度就会增大。本节主要向大家介绍微信小程序的视图容器组件，视图容器的重要作用是用来布局，而且其排列方式很灵活，比如，横向排列、纵向排列等，视图示例如图3-2 所示。3.1.1 滚动视图无论是计算机、iPad，还是手机，它们的屏幕都是有限的，如果展示内容超出屏幕的大小，就会用到滚动视图（scroll-view）来向用户显示出隐藏部分。滚动视图的功能是很强大的，它可以包含所有的其他用户界面元素，比如，图像视图、文本视图、标签以及另一个滚动视图（如图3-3 所示）。图3-2 小程序视图演示53 第三章微信小程序开发必知的8 项组件属 性 名说 明bindscrolltoupper 事件处理：滚动到顶部/ 左边bindscrolltolower 事件处理：滚动到底部/ 右边bindscroll 事件处理：滚动注意：使用纵向滚动时，需要给<scroll-view/> 一个固定高度，通过 WXSS 设置 height。3.1.2 滑块视图小程序的目的是为用户提供“触手可及”的直达服务，在开发中，程序员要坚持“快速、极简”的开发理念。微信为了实现这种开发目的，便以swiper 组件的方式提供滑动视图容器。程序员在开发过程中只需通过配置合适的参数，比如，滑动动画时长的默认参数是1 000，自动切换时间间隔的默认参数是2 000，即可完成滑动需求。下面是小程序滑块视图演示图，其内容如图3-5 所示。图3-5 小程序滑块视图演示图续表55 第三章微信小程序开发必知的8 项组件3.2 基础内容微信小程序基础内容包括图标（icon）、文本（text）和进度条（progress） 三种，本节将对它们的使用方法和属性做具体介绍。3.2.1 图标随着科技越来越发达，用户对软件界面美观度的要求越来越高，而图标作为图形界面的关键部分，其设计越来越受到开发者的重视。那么什么是图标呢？ 图标是一种具有明确指代含义的图形，由生活中的各种图形标识组成，它是软件图形化的重要环节。其中，桌面图标是软件标识，界面图标是功能标识。下面是手机桌面上常见的一些图标，其内容如图3-7 所示。图3-7 手机桌面图标对微信小程序来说，为了能让其页面和界面看起来与微信协调统一，同时也为了让用户能感觉到小程序是微信的内置功能或页面，微信专门为开发者提57 第三章微信小程序开发必知的8 项组件图3-9 小程序文本演示图注意：对微信小程序来说，它支持转义符"\"，<text/> 组件内只支持 <text/> 嵌套。而且除了文本节点以外的其他节点都无法长按选中。3.2.3 进度条进度条顾名思义就是反映进度的长方形条状图形，它用于计算机处理某项任务时，实时的以图片形式显示处理任务的速度、完成度、剩余未完成任务量的大小，以及可能需要处理的时间。进度条一般以长方形条状显示，下面是小程序进度条样式，其内容如图3-10 所示。图3-10 小程序进度条演示59 第三章微信小程序开发必知的8 项组件button 是以<button> 和</button> 标签定义的按钮，在这两个标签之间， 开发者可以放置任何可接受的内容，包括文本、图像、多媒体等。例如，开发者可在按钮中加入一个图像和相关文本，以便在按钮中创建一个吸引人的标记图像。图3-12 所示的是小程序按钮演示图。图3-12 小程序按钮演示图微信小程序中按钮属性有哪些呢？其内容如表3-5 所示。表3-5 小程序按钮属性属 性 名说 明size 有效值 default，mini type 按钮的样式类型，有效值primary，default，warn plain 按钮是否镂空，背景色透明disabled 是否禁用loading 名称前是否带 loading 图标form-type 有效值：submit，reset，用于 <form/> 表单组件，点击分别会触发 submit/reset 事件hover-class 指定按钮按下去的样式类。当 hover-class=''none'' 时，没有点击态效果61 第三章微信小程序开发必知的8 项组件图3-15 小程序form 表单中输入框示例微信小程序的输入框（input）的属性如表3-6 所示。表3-6 小程序输入框属性属 性 名说 明value 输入框的初始内容type input 的类型，有效值：text，number，idcard，digit，time，date password 是否是密码类型placeholder 输入框为空时占位符placeholder-style 指定 placeholder 的样式placeholder-class 指定 placeholder 的样式类disabled 是否禁用maxlength 输入长度，设置为 -1 的时候不限制长度auto-focus 自动聚焦，拉起键盘。页面中只能有一个 <input/> 或 <textarea/> 设置 auto-focus 属性focus 获取焦点（开发工具暂不支持）属 性 名 说 明bindinput除了 date/time 类型外的输入框，当键盘输入时，触发 input 事件，event.detail = {value: value}，处理函数可以直接 return 一个字符串，将替换输入框的内容bindfocus 输入框聚焦时触发，event.detail = {value: value}bindblur 输入框失去焦点时触发，event.detail = {value: value}3.3.3 多项选择器多项选择器（checkbox-group）由多个 checkbox 组成，下面是大家常见的多项选择器示例，其内容如图 3-16 所示。图 3-16 多项选择器示例下面是微信小程序多项选择器演示图，其内容如图 3-17 所示。图 3-17 小程序多项选择器演示图微信小程序多项选择器的属性如表 3-7 所示。表 3-7 小程序多项选择器属性属 性 名 说 明bindchange<checkbox-group/> 中选中项发生改变是触发 change 事件，detail = {value:[ 选中的 checkbox 的 value 的数组 ]}value<checkbox/> 标识，选中时触发 <checkbox-group/> 的 change 事件，并携带 <checkbox/> 的 valuedisabled 是否禁用checked 当前是否选中，可用来设置默认选中3.3.4 单项选择器单项选择器（radio-group）由多个 <radio/> 组成，举例如图 3-18 所示。图 3-18 单项选择器示例下面是微信小程序的单项选择器的演示图，其内容如图 3-19 所示。图 3-19 小程序单项选择器演示图
