描述
开 本: 16开纸 张: 胶版纸包 装: 平装-胶订是否套装: 否国际标准书号ISBN: 9787121313639
产品特色
编辑推荐
微信公众号 Web页面，让公众号更强大、更多彩
微信JSSDK HTML 5，让移动Web开发与微信结合轻而易举
本书从实战出发，揭秘公众号与HTML 5混合模式
内容全面、案例丰富、轻松上手
微信JSSDK HTML 5，让移动Web开发与微信结合轻而易举
本书从实战出发，揭秘公众号与HTML 5混合模式
内容全面、案例丰富、轻松上手
内容简介
2017年，微信已经全面支持公众平台内的网页开发，并且提供了网页开发样式库、JSSDK库和网页内支付、网页调试工具，Web开发人员可以利用这些功能开发出更多、更好、更炫的微信内应用。本书立志于帮助微信开发者更好地学习微信中的网页开发和JSSDK库。 本书涵盖了微信网页开发的所有API案例实战以及所有样式库。全书分为13章，第1~2章介绍了不同类型微信公众号的区别和微信内网页JSSDK的开发环境；第3~9章介绍了微信开放的所有API，并提供了*贴近现实的实例；第10章通过实例演示了微信提供的网页样式；第11~12章利用微信JSSDK HTML 5技术实现了两个大的项目应用；*后一章介绍一些微信开发的技巧及问题。 本书适合所有微信开发人员使用，尤其适合目前从事Web开发工作的人员。本书定位基础，用案例结合API应用，是目前市场上仅有的一本介绍微信网页结合HTML5开发的书。
目 录
第1章 认识微信公众平台 1
1.1 微信公众平台账号分类 1
1.1.1 订阅号 2
1.1.2 服务号 2
1.1.3 企业号 4
1.1.4 小程序 4
1.2 微信公众号申请流程 5
1.3 微信公众号的认证 9
1.4 公众号设置 10
1.5 成为微信开发者 10
1.5.1 通过公众号 10
1.5.2 通过测试号 12
1.6 公众号的安全中心 13
1.7 本章小结 14
第2章 搭建网页JSSDK开发环境 15
2.1 JSSDK介绍 15
2.2 部署JSSDK 17
2.2.1 绑定域名 17
2.2.2 引入JS文件 18
2.2.3 通过wx.config接口验证JSSDK权限 18
2.3 使用SAE部署测试号的JSSDK 28
2.3.1 在SAE中创建应用 28
2.3.2 上传测试代码 31
2.3.3 绑定JS接口 32
2.3.4 针对SAE不支持读写操作的处理——Memcached 34
2.3.5 在公众号中测试效果 37
2.4 JSSDK的调试工具 38
2.5 JSSDK的主要功能参考列表 38
2.6 一些其他基础入门必知的知识点 41
2.7 本章小结 41
第3章 JSSDK网页开发的基础接口和分享接口 42
3.1 基础接口的作用 42
3.1.1 任何开发都要从基础接口开始 42
3.1.2 判断当前客户端版本是否支持指定JS接口 42
3.2 分享接口的作用 44
3.2.1 分享接口有什么好处 44
3.2.2 获取微信的分享接口 44
3.3 实例：微信分享一个网页到朋友圈 47
3.4 常见问题 51
第4章 JSSDK的图像处理 52
4.1 认识图像接口 52
4.1.1 从手机相册中选图 52
4.1.2 预览图片 55
4.1.3 上传图片 56
4.1.4 下载图片 59
4.2 实例：从手机相册中选择照片然后分享 61
4.2.1 项目需求 61
4.2.2 需求分解 61
4.2.3 代码实现 62
4.3 常见问题 65
第5章 JSSDK的音频处理 66
5.1 音频接口 66
5.1.1 开始录音 66
5.1.2 停止录音 67
5.1.3 监听录音自动停止 68
5.1.4 播放语音 68
5.1.5 暂停播放 70
5.1.6 停止播放 71
5.1.7 监听语音播放完毕 71
5.1.8 上传语音 72
5.1.9 下载语音 74
5.2 常见问题 75
第6章 JSSDK的界面操作 76
6.1 界面操作 76
6.1.1 关闭当前网页窗口 76
6.1.2 批量隐藏功能按钮 77
6.1.3 批量显示功能按钮 78
6.1.4 隐藏所有非基础按钮 80
6.1.5 显示所有功能按钮 80
6.2 常见问题 81
第7章 JSSDK的地理位置 82
7.1 地理位置 82
7.1.1 获取地理位置 82
7.1.2 使用微信内置地图查看位置 85
7.2 常见问题 87
第8章 JSSDK的智能操作与微信支付 88
8.1 智能接口——识别音频并返回识别结果 88
8.2 微信扫一扫 90
8.3 设备信息——获取网络状态接口 92
8.4 微信支付 93
8.4.1 微信支付公众平台申请流程 94
8.4.2 完成账户验证 95
8.4.3 设置API秘钥 96
8.4.4 下载API证书 98
8.4.5 微信支付的开发配置 99
8.4.6 微信支付测试 99
8.5 常见问题 102
第9章 JSSDK的微信商店 104
9.1 微信小店 104
9.2 微信卡券 105
9.2.1 批量添加卡券 105
9.2.2 调用适用于门店的卡券列表并获取用户选择列表 107
9.2.3 查看微信卡包中的卡券 108
9.3 常见问题 109
第10章 微信网页开发样式库 110
10.1 认识WeUI 110
10.1.1 WeUI的特色 110
10.1.2 安装WeUI 111
10.1.3 使用WeUI做一个欢迎界面 113
10.2 使用表单 114
10.2.1 按钮（Button） 114
10.2.2 表单输入（Input） 117
10.2.3 列表（List） 121
10.2.4 滑块（Slider） 122
10.2.5 上传（Uploader） 124
10.3 使用基础组件 128
10.3.1 九宫格（Grid） 128
10.3.2 进度条（Progress） 130
10.4 使用导航组件 133
10.5 网页其他样式 135
10.6 常见问题 136
第11章 实战案例1：中国好友挑战赛（HTML 5混编） 137
11.1 案例概述 137
11.2 客户需求 137
11.2.1 首页 137
11.2.2 男生游戏的逻辑 139
11.2.3 女生游戏的逻辑 142
11.2.4 分享页面 147
11.3 实现代码及分析 148
11.3.1 首页模块 148
11.3.2 参加女生组模块 164
11.3.3 参加男生组模块 198
11.4 案例总结 215
第12章 实战案例2：LBS服务获取用户位置 216
12.1 案例概述 216
12.2 实现代码及分析 216
12.3 案例总结 224
第13章 微信JSSDK相关开发技巧及问题 225
13.1 判断微信浏览器 225
13.2 微信浏览器不支持打开App Store页面 226
13.3 一些提示码的问题 228
13.3.1 提示码：invalid url domain 228
13.3.2 提示码：invalid signature 229
13.3.3 提示码：the permission value is offline verifying 229
13.3.4 提示码：permission denied 229
13.3.5 提示码：function not exist 229
附录A JS-SDK使用权限签名算法 230
附录B 所有JS接口列表 233
附录C 所有菜单项列表 243
附录D 卡券扩展字段及签名生成算法 245
1.1 微信公众平台账号分类 1
1.1.1 订阅号 2
1.1.2 服务号 2
1.1.3 企业号 4
1.1.4 小程序 4
1.2 微信公众号申请流程 5
1.3 微信公众号的认证 9
1.4 公众号设置 10
1.5 成为微信开发者 10
1.5.1 通过公众号 10
1.5.2 通过测试号 12
1.6 公众号的安全中心 13
1.7 本章小结 14
第2章 搭建网页JSSDK开发环境 15
2.1 JSSDK介绍 15
2.2 部署JSSDK 17
2.2.1 绑定域名 17
2.2.2 引入JS文件 18
2.2.3 通过wx.config接口验证JSSDK权限 18
2.3 使用SAE部署测试号的JSSDK 28
2.3.1 在SAE中创建应用 28
2.3.2 上传测试代码 31
2.3.3 绑定JS接口 32
2.3.4 针对SAE不支持读写操作的处理——Memcached 34
2.3.5 在公众号中测试效果 37
2.4 JSSDK的调试工具 38
2.5 JSSDK的主要功能参考列表 38
2.6 一些其他基础入门必知的知识点 41
2.7 本章小结 41
第3章 JSSDK网页开发的基础接口和分享接口 42
3.1 基础接口的作用 42
3.1.1 任何开发都要从基础接口开始 42
3.1.2 判断当前客户端版本是否支持指定JS接口 42
3.2 分享接口的作用 44
3.2.1 分享接口有什么好处 44
3.2.2 获取微信的分享接口 44
3.3 实例：微信分享一个网页到朋友圈 47
3.4 常见问题 51
第4章 JSSDK的图像处理 52
4.1 认识图像接口 52
4.1.1 从手机相册中选图 52
4.1.2 预览图片 55
4.1.3 上传图片 56
4.1.4 下载图片 59
4.2 实例：从手机相册中选择照片然后分享 61
4.2.1 项目需求 61
4.2.2 需求分解 61
4.2.3 代码实现 62
4.3 常见问题 65
第5章 JSSDK的音频处理 66
5.1 音频接口 66
5.1.1 开始录音 66
5.1.2 停止录音 67
5.1.3 监听录音自动停止 68
5.1.4 播放语音 68
5.1.5 暂停播放 70
5.1.6 停止播放 71
5.1.7 监听语音播放完毕 71
5.1.8 上传语音 72
5.1.9 下载语音 74
5.2 常见问题 75
第6章 JSSDK的界面操作 76
6.1 界面操作 76
6.1.1 关闭当前网页窗口 76
6.1.2 批量隐藏功能按钮 77
6.1.3 批量显示功能按钮 78
6.1.4 隐藏所有非基础按钮 80
6.1.5 显示所有功能按钮 80
6.2 常见问题 81
第7章 JSSDK的地理位置 82
7.1 地理位置 82
7.1.1 获取地理位置 82
7.1.2 使用微信内置地图查看位置 85
7.2 常见问题 87
第8章 JSSDK的智能操作与微信支付 88
8.1 智能接口——识别音频并返回识别结果 88
8.2 微信扫一扫 90
8.3 设备信息——获取网络状态接口 92
8.4 微信支付 93
8.4.1 微信支付公众平台申请流程 94
8.4.2 完成账户验证 95
8.4.3 设置API秘钥 96
8.4.4 下载API证书 98
8.4.5 微信支付的开发配置 99
8.4.6 微信支付测试 99
8.5 常见问题 102
第9章 JSSDK的微信商店 104
9.1 微信小店 104
9.2 微信卡券 105
9.2.1 批量添加卡券 105
9.2.2 调用适用于门店的卡券列表并获取用户选择列表 107
9.2.3 查看微信卡包中的卡券 108
9.3 常见问题 109
第10章 微信网页开发样式库 110
10.1 认识WeUI 110
10.1.1 WeUI的特色 110
10.1.2 安装WeUI 111
10.1.3 使用WeUI做一个欢迎界面 113
10.2 使用表单 114
10.2.1 按钮（Button） 114
10.2.2 表单输入（Input） 117
10.2.3 列表（List） 121
10.2.4 滑块（Slider） 122
10.2.5 上传（Uploader） 124
10.3 使用基础组件 128
10.3.1 九宫格（Grid） 128
10.3.2 进度条（Progress） 130
10.4 使用导航组件 133
10.5 网页其他样式 135
10.6 常见问题 136
第11章 实战案例1：中国好友挑战赛（HTML 5混编） 137
11.1 案例概述 137
11.2 客户需求 137
11.2.1 首页 137
11.2.2 男生游戏的逻辑 139
11.2.3 女生游戏的逻辑 142
11.2.4 分享页面 147
11.3 实现代码及分析 148
11.3.1 首页模块 148
11.3.2 参加女生组模块 164
11.3.3 参加男生组模块 198
11.4 案例总结 215
第12章 实战案例2：LBS服务获取用户位置 216
12.1 案例概述 216
12.2 实现代码及分析 216
12.3 案例总结 224
第13章 微信JSSDK相关开发技巧及问题 225
13.1 判断微信浏览器 225
13.2 微信浏览器不支持打开App Store页面 226
13.3 一些提示码的问题 228
13.3.1 提示码：invalid url domain 228
13.3.2 提示码：invalid signature 229
13.3.3 提示码：the permission value is offline verifying 229
13.3.4 提示码：permission denied 229
13.3.5 提示码：function not exist 229
附录A JS-SDK使用权限签名算法 230
附录B 所有JS接口列表 233
附录C 所有菜单项列表 243
附录D 卡券扩展字段及签名生成算法 245
前 言
前言
移动Web的发展速度令人惊叹，近几年所有互联网大企业都在往移动端发展，微信几乎占领了移动互联网的大部分江山，微信的公众号也已超过1000万，越来越多的企业不再建设网站，而是只要有一个包含所有功能的微信公众号就可以了，所有的服务行业也都创建了自己的公众号。由此可见，微信开发的人才需求非常旺盛。
微信公众号实际上就是一个MINI版的浏览器，可以说，HTML 5的网页功能都能在微信公众号内部实现，甚至通过JSSDK，HTML 5网页还可以调用微信提供的所有接口，包括分享、扫一扫、支付、卡券、定位、照片、语音等功能。所以Web开发人员可以设计并实现更多的微信公众号内容，而不用学习更多移动开发的知识，只要会调用这些接口即可。
本书就是一本帮助读者学习微信公众平台 HTML 5网页开发的入门书，只要有简单的HTML和JavaScript知识，就可以开发出一个功能完整的微信公众平台。
本书特色
为了与时俱进，从事前端开发工作的读者朋友，都应该了解、学习一下微信的JSSDK，本书中介绍了微信HTML5 JSSDK 微信网页样式的示例代码、技巧和实战案例。本书主要讲解形式如下：
（1）针对每个API，都设计一个包含页面结构的完整效果，然后根据API中提供的各个接口，设计好针对每个接口的调用方法。
（2）所有的案例代码都很完整，读者在调试不通的情况下，可以直接使用本书资源中的源代码文件进行调试。
（3）很多人即使熟悉了API的接口，也不知道如何应用，本书后还提供了两个完整的项目案例，利用JSSDK HTML 5的形式，把制作项目的流程、代码和技巧完整地演示出来。
本书的结构
第1章：由于做微信HTML 5 JSSDK开发离不开微信公众号，所以首先介绍了微信公众号的注册流程，并讲解一些关于微信后台的操作，以便于读者对微信后台有一个更清晰的认知。
第2章：微信JSSDK的API使用需要搭建微信JSSDK的基础环境，本章综合讲解了搭建过程，为后续接口调用做铺垫。
第3~9章：阐述了微信开放的所有API，包含代码示例、常见问题及一些小技巧。
第10章：详细介绍了如何使用微信提供的网页样式库，结合这些样式和HTML 5，能够开发出更Native的微信公众号。
第11~12章：用案例作为载体，结合比较流行的HTML 5技术，讲解了微信JSSDK在实际项目中的重要作用。
第13章：总结了在微信JSSDK开发中可能面临的一些问题，随后又介绍了在微信调试模式下，一些提示信息的作用。
本书写给谁
Web网页开发人员
PHP开发人员
微信开发人员
大学毕业想利用微信平台创业的人员
微信公众号的维护人员
微信公众号的运营人员
由于作者个人能力有限，书中难免有疏漏之处，欢迎读者朋友提出宝贵的建议。
后，感谢您购买此书，相信您也是一位前端技术爱好者。祝您在技术及职场生涯中，一帆风顺！
参与本书编写的还有：刘鑫、陈士领、陈丽、毛聪、王琳、张喆、薛淑英、李兰英、周洋、张学军、张兴瑜、陈宇、王健、张鑫，一并感谢他们。
席新亮
移动Web的发展速度令人惊叹，近几年所有互联网大企业都在往移动端发展，微信几乎占领了移动互联网的大部分江山，微信的公众号也已超过1000万，越来越多的企业不再建设网站，而是只要有一个包含所有功能的微信公众号就可以了，所有的服务行业也都创建了自己的公众号。由此可见，微信开发的人才需求非常旺盛。
微信公众号实际上就是一个MINI版的浏览器，可以说，HTML 5的网页功能都能在微信公众号内部实现，甚至通过JSSDK，HTML 5网页还可以调用微信提供的所有接口，包括分享、扫一扫、支付、卡券、定位、照片、语音等功能。所以Web开发人员可以设计并实现更多的微信公众号内容，而不用学习更多移动开发的知识，只要会调用这些接口即可。
本书就是一本帮助读者学习微信公众平台 HTML 5网页开发的入门书，只要有简单的HTML和JavaScript知识，就可以开发出一个功能完整的微信公众平台。
本书特色
为了与时俱进，从事前端开发工作的读者朋友，都应该了解、学习一下微信的JSSDK，本书中介绍了微信HTML5 JSSDK 微信网页样式的示例代码、技巧和实战案例。本书主要讲解形式如下：
（1）针对每个API，都设计一个包含页面结构的完整效果，然后根据API中提供的各个接口，设计好针对每个接口的调用方法。
（2）所有的案例代码都很完整，读者在调试不通的情况下，可以直接使用本书资源中的源代码文件进行调试。
（3）很多人即使熟悉了API的接口，也不知道如何应用，本书后还提供了两个完整的项目案例，利用JSSDK HTML 5的形式，把制作项目的流程、代码和技巧完整地演示出来。
本书的结构
第1章：由于做微信HTML 5 JSSDK开发离不开微信公众号，所以首先介绍了微信公众号的注册流程，并讲解一些关于微信后台的操作，以便于读者对微信后台有一个更清晰的认知。
第2章：微信JSSDK的API使用需要搭建微信JSSDK的基础环境，本章综合讲解了搭建过程，为后续接口调用做铺垫。
第3~9章：阐述了微信开放的所有API，包含代码示例、常见问题及一些小技巧。
第10章：详细介绍了如何使用微信提供的网页样式库，结合这些样式和HTML 5，能够开发出更Native的微信公众号。
第11~12章：用案例作为载体，结合比较流行的HTML 5技术，讲解了微信JSSDK在实际项目中的重要作用。
第13章：总结了在微信JSSDK开发中可能面临的一些问题，随后又介绍了在微信调试模式下，一些提示信息的作用。
本书写给谁
Web网页开发人员
PHP开发人员
微信开发人员
大学毕业想利用微信平台创业的人员
微信公众号的维护人员
微信公众号的运营人员
由于作者个人能力有限，书中难免有疏漏之处，欢迎读者朋友提出宝贵的建议。
后，感谢您购买此书，相信您也是一位前端技术爱好者。祝您在技术及职场生涯中，一帆风顺！
参与本书编写的还有：刘鑫、陈士领、陈丽、毛聪、王琳、张喆、薛淑英、李兰英、周洋、张学军、张兴瑜、陈宇、王健、张鑫，一并感谢他们。
席新亮
评论
还没有评论。