微信小程序云开发超详细实战攻略（移动互联网开发技术丛书）

小程序·云开发的出现，让前端工程师就可以实现小程序开发，无需再配备后端开发工程师和运维人员，但是前端工程师往往不擅长UI设计，为了解决这个问题，本书在开发案例的时候引入了目前z流行的小程序组件库Vant Weapp、ColorUI等组件库，前端工程师开发人员只需关注好业务逻辑，就能单独完成小程序开发。本书将以小程序·云开发为基础，详细介绍小程序云开发的数据库，存储管理，云函数架构等功能，并通过简单易懂的案例，帮助开发者快速上手小程序云开发。

厉旭杰，温州大学计算机与人工智能学院教师。CCF高级会员，从事GPU并行计算、图形图像处理技术方面的研究。主持浙江省自然科学基金2项，温州市科技局项目1项。作为主要成员参与国家自然科学基金项目、浙江省自然科学基金项目多项，申请国家发明专利8项，其中授权发明专利4项，软件著作权11项。以第一作者或通信作者共发表了30 多篇学术论文(被SCI、EI 检索15篇)。

统的微信小程序开发需要考虑服务器的性能、负载均衡、网络安全等一系列运维问题。这些工作非常烦琐而且耗费时间精力，那么为什么我们不将它交给专业运维的人去配置呢？云开发可以很完美地帮我们解决以上问题。云开发是云端一体化的后端云服务，采用Serverless架构，免去了移动应用构建中烦琐的服务器搭建和运维。微信小程序云开发极大地提高了微信小程序的开发效率，开发者只需要关心应用层面的业务逻辑和用户的交互体验。

全书共16章，分为微信小程序云开发基础和微信小程序云开发实战两部分。第一部分是微信小程序云开发基础，包括第1~5章。其中，第1章是微信小程序云开发介绍，详细讲解什么是云开发、如何注册微信小程序、如何新建云开发项目以及如何对项目进行初始化； 此外还介绍微信小程序常见UI组件库和图标库。第2章是微信小程序相关基础知识，详细介绍微信小程序开发中ECMAScript 6语法的使用以及微信小程序框架。第3~5章详细介绍云数据库、云存储和云函数。第二部分为微信小程序云开发实战，包括第6~16章。其中第6~13章引入了8个实用的案例，包括新闻微信小程序、投票微信小程序、通讯录微信小程序、报修微信小程序、网上书城微信小程序、团购类微信小程序、会议室预约微信小程序和AI+微信小程序。第14章详细介绍在微信小程序中如何使用ECharts，第15章介绍如何在Web后端通过HTTP API访问云开发资源，第16章以目前最流行的Vue．js前端技术为例，详细介绍如何通过SDK访问云开发资源。

本书特点

(1) 知识全面，循序渐进。

书中详细介绍微信小程序云开发技术及其相关知识，通过具体实战案例，运用腾讯云短信服务、百度AI识别、数据图表ECharts等技术，帮助读者深化学习。

(2) 案例实用性强，可直接上线发布。

书中的案例均以云开发技术来实现，每个案例都可以独立运行，并可以直接上线发布。案例通俗易懂，实用性强，所有案例均来自已经上线的微信小程序项目。

(3) 学习门槛低。

本书最大的特色在于读者仅需掌握基本的JavaScript知识，即可通过学习本书快速地开发出微信小程序项目，而无须额外地学习后端技术，只需要关注页面业务逻辑，即可快速开发出实用、美观的微信小程序项目。

配套资源

为便于教学，本书配有源代码、数据集、案例素材。

获取源代码、数据集、案例素材方式： 扫描下方相应的二维码，即可获取。

源代码

数据集

案例素材

读者对象

本书适合微信小程序云开发的初学者(特别是在校学生)、微信开发者和前端开发爱好者阅读，也可以作为学校的教学用书、自学的入门读物和开发过程的参考书。

本书在编写过程中，濮济、林选、王怡婷、潘瑜同学提供了部分的项目案例，在此对他们表示衷心的感谢！

由于编者水平有限，书中难免存在疏漏之处，敬请广大读者提出修改意见，以便本书再版时修订。

编者2020年11月

第一部分微信小程序云开发基础

第1章微信小程序云开发介绍

1.1什么是云开发

1.1.1传统的微信小程序开发瓶颈

1.1.2什么是微信小程序云开发

1.1.3微信小程序云开发的核心能力

1.2注册微信小程序

1.3新建微信小程序云开发项目

1.4初始化项目

1.5微信小程序UI组件库及图标库

1.5.1常用微信小程序UI组件库

1.5.2ColorUI组件库

1.5.3Vant Weapp组件库

1.5.4iconfont图标库

1.6微信小程序优化建议

第2章微信小程序相关基础知识

2.1ECMAScript 6基础知识

2.1.1ECMAScript 6简介

2.1.2ECMAScript变量

2.1.3ECMAScript数组和对象

2.1.4ECMAScript语句

2.1.5ECMAScript 6异步操作和Async函数

2.2微信小程序框架

2.2.1注册页面的使用

2.2.2页面路由

2.2.3视图层WXML

2.2.4this.data和this.setData的区别

第3章云数据库

3.1云数据库上手

3.2数据迁移

3.3基础概念

3.4云数据库API列表

3.5云数据库操作

3.5.1增加记录

3.5.2查询记录

3.5.3更新数据

3.5.4删除数据

3.5.5正则表达式查询

3.5.6查询和更新数组元素和嵌套对象

3.5.7数据库操作data赋值

3.5.8增、删、改、查案例

第4章云存储

4.1管理文件

4.2存储 API

4.3存储操作

4.4云存储案例

第5章云函数

5.1云函数发送HTTP请求

5.2云函数将数据库数据生成Excel

5.3本地调试

5.4定时触发器

5.5云函数高级用法——TcbRouter

第二部分微信小程序云开发实战

第6章新闻微信小程序

6.1授权页面

6.2添加新闻页面

6.3新闻主页

6.4新闻详情页

第7章投票微信小程序

7.1授权页面

7.2添加投票页面

7.3投票主页

7.4投票页面

第8章通讯录微信小程序

8.1项目主页

8.2通讯录页面

8.3删除人员页面

8.4添加人员页面

第9章报修微信小程序

9.1腾讯云短信平台

9.2登录页面

9.3项目主页

9.4用户报修页面

9.5管理员管理页面

9.6填写报修单页面

9.7报修单页面

第10章网上书城微信小程序

第11章团购类微信小程序

11.1项目主页

11.2商品分类页面

11.3商品详情页面

11.4购物车页面

11.5提交订单页面

11.6我的订单页面

第12章会议室预约微信小程序

12.1项目主页

12.2会议室预约情况页面

12.3填写预约单页面

12.4我的预约页面

第13章AI+微信小程序

13.1百度AI开放平台

13.2百度AI开放平台接口测试

13.3项目主页

13.4车牌识别页面

13.5通用物体识别页面

第14章在微信小程序中使用ECharts

14.1在项目中引入ECharts

14.2项目主页

14.3柱状图页面

14.4散点图页面

14.5折线图页面

14.6多个图表页面

第15章通过HTTP API访问云开发资源

15.1搭建Node.js网站

15.2访问云平台数据库资源

15.2.1取access_token值

15.2.2数据库导入

15.2.3数据库查询记录

15.2.4数据库插入记录

15.2.5数据库更新记录

15.2.6数据库删除记录

15.3访问云平台存储资源

15.3.1获取文件上传链接

15.3.2获取文件下载链接

15.3.3删除云存储文件

15.4触发云函数

第16章在网页端通过SDK访问云开发资源

16.1创建Vue.js项目

16.2云控制台访问云开发资源

16.3项目主页

16.4云数据库操作

16.5云存储操作

16.6云函数操作