微信小程序以一种极度轻量化、无处不在、用完即走的方式全面连接到了用户与服务,在给用户带来更好体验的同时,大幅降低了自身开发的门槛和成本。本书不局限于原生微信小程序开发,还涉及微信生态技术圈中的WePY框架应用、微信小游戏开发、使用Cocos Creator开发小游戏等内容,是读者从微信小程序入门到实战开发的**读物。 本书实用性强、示例丰富、侧重实战、与新技术结合紧密,可作为刚接触或即将接触微信小程序的***的指导用书,也适合有微信小程序开发经验,但还需进一步提升自我能力的***使用。

第 1章 初识微信小程序 1 任务1.1 介绍微信小程序 3 1.1.1 体验微信小程序 3 1.1.2 微信小程序与其他类型应用的区别 3 1.1.3 微信小程序的发展历程 4 1.1.4 微信小程序生态 5 1.1.5 微信小程序带来的机会 6 任务1.2 注册微信小程序 6 任务1.3 安装微信***工具 9 任务1.4 创建第 一个微信小程序 10 任务1.5 详解微信***工具 12 1.5.1 菜单栏 13 1.5.2 工具栏 14 1.5.3 模拟器 18 1.5.4 编辑器 19 1.5.5 调试器 19 任务1.6 介绍项目结构 22 1.6.1 project.config.json 23 1.6.2 app.wxss 24 1.6.3 app.json 25 1.6.4 app.js 25 1.6.5 pages 26 1.6.6 utils 26 本章作业 27 第 2章 深入微信小程序 29 任务2.1 详解配置文件 31 2.1.1 全局配置 31 2.1.2 页面配置 35 任务2.2 介绍微信小程序App和Page 36 2.2.1 微信小程序注册程序函数App() 36 2.2.2 页面注册函数Page() 37 2.2.3 模块化 39 任务2.3 构建用户界面 40 2.3.1 数据绑定 40 2.3.2 组件属性绑定 41 2.3.3 关键字绑定 41 2.3.4 控制属性绑定 42 2.3.5 JavaScript表达式 42 任务2.4 项目实战:祥云天气 43 任务2.5 添加列表渲染 47 2.5.1 使用wx:for 47 2.5.2 在block上使用 wx:for 48 2.5.3 wx:key 48 2.5.4 给祥云天气微信小程序添加列表 49 任务2.6 添加条件渲染 50 2.6.1 使用wx:if 50 2.6.2 在block上使用wx:if 50 2.6.3 使用hidden 50 2.6.4 使用条件渲染控制图标显示 51 任务2.7 添加事件 52 2.7.1 如何绑���事件 52 2.7.2 事件冒泡 52 2.7.3 事件捕获 53 本章作业 54 第3章 常用组件 55 任务3.1 掌握基本组件的使用 57 3.1.1 图标组件icon 57 3.1.2 文本组件text 58 3.1.3 富文本组件rich-text 58 3.1.4 进度条组件progress 60 任务3.2 掌握视图容器组件的使用 62 3.2.1 视图容器组件view 62 3.2.2 滚动视图容器组件scroll-view 64 3.2.3 轮播图组件swiper 65 任务3.3 掌握导航组件的使用 67 3.3.1 navigate 68 3.3.2 redirect 69 3.3.3 switchTab 70 3.3.4 navigateBack 71 任务3.4 掌握媒体组件的使用 71 3.4.1 图片组件image 72 3.4.2 视频组件video 74 3.4.3 音频组件audio 77 任务3.5 掌握地图组件的使用 79 任务3.6 掌握表单组件的使用 81 3.6.1 button组件 81 3.6.2 checkbox组件 84 3.6.3 input组件 85 3.6.4 label组件 87 3.6.5 picker组件 87 3.6.6 picker-view组件 90 3.6.7 radio组件 91 3.6.8 slider组件 92 3.6.9 switch组件 93 3.6.10 textarea组件 95 3.6.11 form组件 96 任务3.7 使用WeUI构建界面 99 3.7.1 引入WeUI 99 3.7.2 WeUI:cell 100 3.7.3 WeUI:flex布局 101 本章作业 102 第4章 常用API 105 任务4.1 掌握基础API的使用 107 4.1.1 wx.canIUse 107 4.1.2 获取系统信息 107 任务4.2 掌握账号相关API的使用 109 4.2.1 微信小程序登录 109 4.2.2 获取用户信息 111 任务4.3 掌握交互API的使用 112 4.3.1 ActionSheet 112 4.3.2 loading提示框 113 4.3.3 Toast消息提示框 114 4.3.4 显示模态框 115 任务4.4 掌握网络请求API的使用 117 4.4.1 wx.request发起请求 117 4.4.2 wx.uploadFile文件上传 119 4.4.3 wx.downloadFile文件下载 119 任务4.5 掌握数据缓存API的使用 120 4.5.1 存储数据 121 4.5.2 获取数据 121 4.5.3 删除数据 121 4.5.4 清空数据 122 4.5.5 获取storage相关信息 122 任务4.6 掌握图片API的使用 122 4.6.1 wx.chooseImage选择图片 122 4.6.2 wx.previewImage 预览图片 124 4.6.3 wx.getImageInfo获取图片信息 125 4.6.4 wx.saveImageToPhotosAlbum保存图片到相册 126 任务4.7 掌握位置接口API的使用 127 4.7.1 wx.getLocation获取当前位置 127 4.7.2 wx.openLocation查看位置 128 4.7.3 wx.chooseLocation选择位置 130 任务4.8 掌握转发API的使用 132 4.8.1 onShareAppMessage事件 132 4.8.2 wx.showShareMenu 133 4.8.3 wx.getShareInfo 133 任务4.9 掌握文件API的使用 134 4.9.1 wx.saveFile 134 4.9.2 wx.getSavedFileInfo 135 4.9.3 wx.getSavedFileList 136 4.9.4 wx.removeSavedFile 136 4.9.5 wx.getFileInfo 137 任务4.10 掌握设备API的使用 137 4.10.1 拨打电话 137 4.10.2 扫一扫 138 4.10.3 摇一摇换图 139 4.10.4 我的KEEP运动 140 本章作业 145 第5章 综合案例:豆瓣电影 147 任务5.1 学习微信小程序云开发 149 5.1.1 创建云开发微信小程序 149 5.1.2 开通云开发 150 5.1.3 云开发控制台 150 5.1.4 云数据库 151 5.1.5 云存储 156 5.1.6 云函数 157 任务5.2 豆瓣电影项目初始化 159 5.2.1 需求分析 161 5.2.2 创建项目 162 5.2.3 创建数据库 162 任务5.3 创建引导页 163 5.3.1 轮播图模块 163 5.3.2 ***模块 163 5.3.3 跳转到首页 164 5.3.4 完整代码 164 任务5.4 创建首页 165 5.4.1 判断引导页显示状态 165 5.4.2 请求首页数据 166 5.4.3 首页页面布局 167 任务5.5 创建电影列表页 169 5.5.1 请求电影列表数据 169 5.5.2 使用模板 170 任务5.6 创建电影详情页 171 5.6.1 请求电影详情页数据 171 5.6.2 添加加载状态 172 5.6.3 设置用户转发 173 任务5.7 创建搜索页 173 任务5.8 创建“我的”页面 176 5.8.1 配置标签导航 176 5.8.2 实现“我的”页面 177 任务5.9 发布上线 179 5.9.1 上传代码 179 5.9.2 提交审核 179 5.9.3 访问微信小程序 181 本章作业 181 第6章 使用WePY开发微信小程序 183 任务6.1 使用WePY创建项目 185 6.1.1 WePY和其他框架的对比 185 6.1.2 安装WePY并创建项目 185 6.1.3 使用微信***工具调试微信小程序 187 6.1.4 开发注意事项 187 6.1.5 配置编辑器 189 任务6.2 学习WePY框架的基础 189 6.2.1 .wpy文件说明 190 6.2.2 微信小程序入口app.wpy 190 6.2.3 页面 191 6.2.4 组件 192 任务6.3 学习WePY框架的核心 193 6.3.1 数据绑定 193 6.3.2 计算属性 194 6.3.3 props传值 194 6.3.4 循环渲染 196 6.3.5 事件绑定 197 任务6.4 使用WePY开发小猪基金 198 6.4.1 项目介绍 198 6.4.2 需求分析 198 6.4.3 项目创建 198 6.4.4 实现首页页面布局 199 任务6.5 使用wx-charts实现图表 201 6.5.1 介绍wx-charts 201 6.5.2 获取wx-charts 202 6.5.3 使用wx-charts 202 任务6.6 实现小猪基金详情页 205 6.6.1 完成详情页头部布局 205 6.6.2 完成详情页图表 205 本章作业 207 第7章 微信小游戏开发 209 任务7.1 介绍微信小游戏 211 7.1.1 什么是微信小游戏 211 7.1.2 微信小游戏的发展历史 211 7.1.3 微信小游戏和H5游戏的对比 211 7.1.4 第 一个微信小游戏 212 7.1.5 真机预览 213 任务7.2 学习微信小游戏开发基础 213 7.2.1 目录结构详解 213 7.2.2 微信小游戏配置 214 7.2.3 创建画布 215 7.2.4 绘制文本 215 7.2.5 绘制图像 216 任务7.3 学习微信小游戏开发核心 216 7.3.1 创建多个Canvas 216 7.3.2 实现动画 217 7.3.3 触摸事件 218 7.3.4 全局对象 219 任务7.4 开发微信小游戏:海底大闯关-1 219 7.4.1 项目介绍 219 7.4.2 开发流程 220 7.4.3 项目创建 221 7.4.4 创建databus文件 221 7.4.5 创建游戏主类 222 7.4.6 创建海底背景类 222 7.4.7 创建海底 223 7.4.8 添加开始按钮 224 任务7.5 开发微信小游戏:海底大闯关-2 224 7.5.1 添加小鱼 224 7.5.2 在页面中显示元素 225 7.5.3 添加渔网 227 7.5.4 碰撞检测 229 7.5.5 添加分数 230 7.5.6 结束和重新开始 231 7.5.7 添加音效 232 任务7.6 微信小游戏发布 233 7.6.1 上传代码 233 7.6.2 提交审核 233 本章作业 234 第8章 使用Cocos Creator开发微信小游戏 235 任务8.1 介绍Cocos Creator 237 8.1.1 安装 237 8.1.2 使用Dashboard 238 8.1.3 第 一个项目 239 8.1.4 场景预览 240 8.1.5 项目结构 241 任务8.2 学习编辑器基础 242 8.2.1 资源管理器 242 8.2.2 层级管理器 243 8.2.3 场景编辑器 244 8.2.4 属性检查器 246 8.2.5 控件库 248 8.2.6 动画编辑器 248 任务8.3 游戏开发实战1:项目创建 249 8.3.1 初始化项目 249 8.3.2 创建游戏场景 249 8.3.3 添加背景 250 8.3.4 添加地面 251 任务8.4 游戏开发实战2:添加主角 251 8.4.1 添加主角 251 8.4.2 编写主角脚本 252 8.4.3 跳跃和移动 254 8.4.4 移动控制 255 任务8.5 游戏开发实战3:添加糖果 257 8.5.1 制作糖果 257 8.5.2 添加游戏控制脚本 258 8.5.3 随机生成糖果 260 8.5.4 主角收集糖果 261 任务8.6 游戏开发实战4:游戏逻辑实现 262 8.6.1 添加得分 262 8.6.2 得分逻辑实现 263 8.6.3 失败判定和重新开始 264 8.6.4 添加音效 265 任务8.7 发布到微信小游戏平台 267