小程序，巧应用:微信小程序开发实战 第2版

　　本书系统全面地讲解微信小程序的开发技术。开篇创建一个小程序项目并解析体验，介绍如何由零开始创建一个小程序，全面体验小程序的开发工具、界面、开发框架、实现过程及其主要代码框架，了解小程序的应用场景及开发要求。接着介绍小程序开发基础，包括小程序开发的语言与语法、函数方法、模块、事件交互等。然后详细介绍了组件的应用与开发，包括开发过程与组件应用技巧，还详细分析了API接口，包括使用各个微信原生API接口进行小程序开发的技巧。后介绍了几个小程序实战案例，让读者实践小程序各项能力的应用及掌握一些应用技巧。本书结构清晰，由浅入深，可帮助读者快速掌握小程序项目的开发。

熊普江，现任腾讯微信架构师，负责公司业务资源规划与技术架构评审等工作。自1997年涉足互联网，曾服务美国Supreme、太平洋网络、PPTV等技术与互联网公司，任网络营运总监、运维总监等职务，2012年加入腾讯。逾18年互联网从业背景，拥有丰富的大型网络架构规划与建设，海量用户平台规划与营运技术支撑，超大规模业务资源规划与技术架构管理优化等经验。

　　第1版前言随着移动互联网的兴起，互联网作为一种信息技术在传统社会与传统工业中发挥的作用越来越强大，互联网与整个社会运作正在加速深度融合。“互联网+”的趋势显而易见，政府、社会组织、企业以及个人，都对移动互联网时代的融合或转型充满期待而又心怀忐忑：移动化的场景如何结合？是否有足够的移动应用开发能力？即便场景与能力都满足，是否能应对获取用户成本、打开频率等移动互联网运营的巨大挑战？好在我们有微信！这是一款为移动时代而生，让世界互联网震惊的中国创新应用。经过5年多的发展，微信已有超过8亿月活用户且仍在不断进化与演进，是移动时代当之无愧的超级App王。更加幸运的是，腾讯的微信团队源源不断地将微信的能力开放出来，为我们提供了融合与转型的超强连接力。

　　2016年1月在广州举办的微信公开课上，“微信之父”张小龙在他演讲的最后一部分，宣布将推出“应用号”。小龙提到：“我自己当了多年程序员，我觉得我们应该为开发团体做一些事情。”至于“应用号”的样子，小龙当时的大概表述是“类似于公众号，但比公众号更便捷、更好找，有更容易使用的形态”。这就是微信小程序的由来。

　　历时8个多月，在2016年9月21日，微信小程序公布开启“内测”。随即这个内测消息便刷爆了朋友圈，我在接下来的数天内便接到不下30个“求内测邀请码”需求留言，小程序火爆程度可见一斑。由于微信团队首批仅开放了200个内测号，物以稀为贵，网络上不久就有传言：转让某个带小程序功能的微信号，账号有30.7万女粉丝，起拍价300万。

　　2016年11月3日，小程序正式开放公测。我再次在朋友圈刷屏中体验到了“小程序”的火爆，感受到了开发者、企业以及市场对微信小程序的好奇、疑惑，同时也感受到大家在移动浪潮中拥抱变化的期待。

　　微信官方页面指出：“小程序可以在微信内便捷地获取和传播，同时具有出色的使用体验。”张小龙在小程序内测首发当天，也在朋友圈给出了解释：小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开。这也体现了“用完即走”的理念，用户无须担心安装应用过多的问题。应用将无处不在，随时可用，但又无须安装卸载。

　　移动互联网时代的微信应用不可或缺，微信小程序切合了时代需要，毫无疑问会成为政府、组织机构、企业以及开发者必争的互联网应用场景。微信小程序必将再一次扩展微信强大的“连接力”，帮助我们解决现有服务痛点，或者发掘、衍生出新的商业模式，帮助行业、企业以及政府机构改善服务或实现“互联网+”转型。

　　感谢微信团队，为我们带来微信小程序这个新生事物。绝大部分场景下，不用单独开发App的时代来临了。那么如何开发小程序？如何将现有的服务或场景与小程序结合？由于小程序是新生事物，基本上多数人都无经验可言。与小龙一样，我觉得此时有必要为所有对小程序感兴趣、有期待的朋友，提供一些有关小程序开发的指南，这是一件非常有意义的事情。

　　由于我在工作上与微信团队联系紧密，沟通频繁，有近水楼台优势；而且对腾讯业务有相对全面的了解，熟悉丰富的应用场景，学习了大量小程序项目案例。

　　自小程序内测开启以来，我们更是夜以继日，同步研读与理解微信团队的文档，梳理开发逻辑，测试各个场景案例，希望尽早奉献给大家一本从入门到精通的小程序开发大全。

　　我们尝试通过本书将我们的先发优势发挥出来。由小程序的框架、语法、函数及API开始，结合丰富实用的案例，帮助大家熟练掌握小程序的开发与应用，并探讨小程序的适用范围以及未来优化演进的方向。

　　本书读者对象包括：

　　前端开发工程师微信应用开发者移动开发爱好者计算机相关专业的学生如何阅读这本书作为“开放连接体系”的一环，微信团队为小程序提供连接标准与规范，最大限度地降低了开发门槛，但开发小程序还是需要一定的“专业开发能力”与程序开发的理解力。

　　微信小程序的开发是基于框架的。因此，开发者首先要理解“框架”（framework）的概念。

　　从软件设计角度，框架是一个可复用的软件架构解决方案。框架规定了应用的体系结构，阐明软件体系结构中各层次间及其层次内部各组件间的依赖关系、责任分配和控制流程，框架表现为一组接口、抽象类以及实例间协作的方法。

　　框架一般是成熟、稳健的，可以处理系统中很多的细节问题，比如，事物处理、安全性、数据流控制等问题。框架一般都为多人所用，所以结构很好，扩展性也很好，而且它是不断升级的，可以直接享受别人升级代码带来的好处。

　　显然，框架极大地方便了开发者，减少了开发代码量并提升了代码质量。

　　微信团队为小程序提供的开发框架为MINA框架，它类似于淘宝Weex、Vue框架。MINA框架经过大量底层的优化设计，有着接近原生App的运行速度，对Android端和iOS端做到了高度一致的呈现，具有完备的开发和调试工具。

　　微信团队为小程序的开发者提供了包含UI界面、社交与支付、语音、多媒体、LBS服务、手机硬件、网络传输等基础能力。功能丰富且实用，可以覆盖绝大部分移动应用的场景需求。

目　　录
第2版前言
序一
序二
第1版前言
第1章　创建自己的第一个小程序 1
1.1　准备工作 1
1.1.1　成为微信公众平台开发者 1
1.1.2　获取小程序AppID 4
1.1.3　安装开发者工具包 4
1.2　创建第一个小程序——Hello WXapplet 6
1.3　微信Web开发者工具的操作与使用 7
1.3.1　界面与操作 7
1.3.2　编辑功能 8
1.3.3　调试功能 10
1.3.4　项目功能 15
1.3.5　运行小程序 15
第2章　小程序初体验 17
2.1　理解小程序 17
2.1.1　Hello WXapplet项目目录及文件构成 18
2.1.2　Hello WXapplet项目的代码实现 19
2.2　小程序的线程架构与开发步骤 25
2.2.1　小程序线程架构 25
2.2.2　小程序开发步骤 27
2.2.3　为Hello WXapplet添加新页面及示例代码 27
2.3　进一步了解小程序开发框架 30
2.3.1　MINA框架 31
2.3.2　目录结构 33
2.3.3　逻辑层 33
2.3.4　视图层 33
2.3.5　数据层 34
2.4　小程序的发布与使用 35
2.4.1　小程序预览、上传、审核与发布 35
2.4.2　小程序加载运行 37
2.5　深入理解小程序的应用场景 38
2.5.1　小程序入口与界面 38
2.5.2　小程序与HTML 5应用开发的差异 40
2.5.3　小程序的最佳应用场景 41
2.5.4　小程序对企业、开发者的意义与影响 42
2.5.5　开发者角色与技能要求 42
2.5.6　小程序的能与不能 43
第3章　小程序开发基础 47
3.1　配置 47
3.1.1　全局配置~app.json 47
3.1.2　页面配置~page.json 52
3.2　逻辑层 53
3.2.1　注册程序~App()方法 53
3.2.2　注册页面~Page()方法 54
3.2.3　模块及调用 61
3.2.4　微信原生API 62
3.3　视图层 65
3.3.1　WXML详解 65
3.3.2　WXSS详解 81
3.3.3　框架组件 85
第4章　框架组件的开发应用 87
4.1　视图容器组件 87
4.1.1　view 87
4.1.2　scroll-view 88
4.1.3　swiper 90
4.1.4　swiper-item 91
4.2　基础内容组件 92
4.2.1　icon 92
4.2.2　text 93
4.2.3　progress 95
4.3　表单组件 95
4.3.1　button 96
4.3.2　checkbox-group 98
4.3.3　checkbox 98
4.3.4　form 99
4.3.5　input 102
4.3.6　label 105
4.3.7　picker 108
4.3.8　picker-view 110
4.3.9　radio-group 112
4.3.10　slider 114
4.3.11　switch 115
4.3.12　textarea 117
4.4　互动操作组件 118
4.4.1　action-sheet 119
4.4.2　modal 120
4.4.3　toast 121
4.4.4　loading 123
4.5　页面导航组件 124
4.6　媒体组件 126
4.6.1　image 126
4.6.2　audio 131
4.6.3　video 133
4.7　地图组件 136
4.8　画布组件 139
4.9　WXML组件与HTML的差异 140
第5章　API接口的开发应用 142
5.1　网络API 142
5.2　媒体API 148
5.2.1　图片API 148
5.2.2　录音API 150
5.2.3　音频播放控制API 151
5.2.4　音乐播放控制API 154
5.2.5　视频API 156
5.3　文件API 159
5.4　数据缓存API 162
5.5　位置API 166
5.6　设备信息API 169
5.7　界面API 172
5.7.1　交互反馈API 173
5.7.2　页面导航API 175
5.7.3　动画API 177
5.7.4　绘图API 180
5.7.5　其他API 196
5.8　开放API 197
5.8.1　登录API 197
5.8.2　用户信息API 202
5.8.3　微信支付API 203
5.8.4　模板消息API 204
5.8.5　客服消息API 209
5.8.6　分享API 218
5.8.7　获取二维码API 219
第6章　小程序开发纲要 220
6.1　界面 220
6.2　网络 222
6.3　本地数据及缓存 223
6.4　设备硬件 226
6.5　微信开放接口 227
6.6　媒体 228
6.7　后端开发与设计 231
第7章　小程序经典案例 232
7.1　文件上传与下载——小相册 232
7.1.1　功能详解 232
7.1.2　程序结构 232
7.1.3　程序细化 235
7.1.4　程序体验 245
7.2　流媒体转码与播放——视频点播 249
7.2.1　功能详解 249
7.2.2　程序目录结构 249
7.2.3　程序细化 250
7.3　互动——高冷机器人 253
7.3.1　功能详解 253
7.3.2　程序目录结构 253
7.3.3　程序细化 253
7.4　LBS应用——周边信息点 257
7.4.1　功能详解 257
7.4.2　程序结构 257
7.4.3　程序细化 260
7.5　WebSocket高级应用——远程控制设备 267
7.5.1　应用场景 267
7.5.2　开发实现 267
7.5.3　案例总结 271
7.6　扫码应用——微投票 271
7.6.1　功能详解 272
7.6.2　程序结构 272
7.6.3　程序细化 272
第8章　小程序优化与演进 290
8.1　为什么选择小程序，而不是公众号或App 290
8.2　未来演进方向探讨 290
8.3　小程序持续优化方法 291
附录A　微信小程序平台运营规范 298
附录B　微信小程序平台常见拒绝情形 308
附录C　沟通联络方法 313