第1章 认识微信公众平台 1

1.1 微信公众平台账号分类 1

1.1.1 订阅号 2

1.1.2 服务号 2

1.1.3 企业号 4

1.2 微信公众号申请流程 4

1.3 微信公众号的认证 9

1.4 公众号设置 9

1.5 微信开发者中心 10

1.5.1 开发者中心的配置项 10

1.5.2 开发者中心的接口报警 11

1.6 公众号的安全中心 12

1.7 本章小结 12

第2章 搭建JSSDK开发环境 13

2.1 先了解一下JSSDK 13

面向的对象 13

截止到2015年2月26号开放的接口 13

接口统一说明 14

JSSDK大致的部署过程 14

2.2 如何部署JSSDK 15

2.2.1 绑定域名 15

2.2.2 引入JS文件 16

2.2.3 通过wx.config接口验证JSSDK权限 16

2.3 JSSDK的主要功能参考列表 26

2.4 一些其他基础入门必知的知识点 28

2.5 本章小结 29

第3章 JSSDK的基础接口和分享接口 30

3.1 基础接口的作用 30

3.1.1 任何开发都要从基础接口开始 30

3.1.2 判断当前客户端版本是否支持指定JS接口 32

3.2　分享接口的作用 36

3.2.1 分享接口有什么好处 36

3.2.2 获取微信的分享接口 36

3.3 实例：微信分享一个网页到朋友圈 38

3.4 常见问题 46

第4章 JSSDK的图像处理 47

4.1 认识图像接口 47

4.1.1 从安卓手机相册中选图 48

4.1.2 预览图片 52

4.1.3 上传图片 56

4.1.4 下载图片 62

4.2 实例：从手机相册中选照片然后分享 67

4.2.1 项目需求 67

4.2.2 需求分解 68

4.2.3 代码实现 68

4.3 常见问题 75

第5章 JSSDK的音频处理 76

5.1 音频接口 76

5.1.1 开始录音 77

5.1.2 停止录音 79

5.1.3 监听录音自动停止 82

5.1.4 播放语音 84

5.1.5 暂停播放 88

5.1.6 停止播放 93

5.1.7 监听语音播放完毕 98

5.1.8 上传语音 102

5.1.9 下载语音 107

5.2 常见问题 112

第6章 JSSDK的界面操作 114

6.1 界面操作 114

6.1.1 隐藏右上角菜单 115

6.1.2 显示右上角菜单 117

6.1.3 关闭当前网页窗口 120

6.1.4 批量隐藏功能按钮 122

6.1.5 批量显示功能按钮 125

6.1.6 隐藏所有非基础按钮 128

6.1.7 显示所有功能按钮 130

6.2 常见问题 132

第7章 JSSDK的地理位置 133

7.1 地理位置 133

7.1.1 获取地理位置 134

7.1.2 使用微信内置地图查看位置 138

7.2 常见问题 143

第8章 JSSDK的智能操作与设备信息 144

8.1 智能接口 144

8.1.1 创建智能接口的通用文件 144

8.1.2 识别音频并返回识别结果 145

8.2 微信扫一扫 150

8.2.1 创建微信扫一扫功能的通用文件 150

8.2.2 调用微信扫一扫接口 150

8.3 设备信息 154

8.3.1 获取网络状态接口 154

8.3.2 获取网络状态接口 155

8.4 常见问题 158

第9章 JSSDK的微信商店 159

9.1 微信小店 159

9.1.1 创建微信小店的通用文件 159

9.1.2 跳转微信商品页 160

9.2 微信卡券 162

9.2.1 批量添加卡券 163

9.2.2 调用适用于门店的卡券列表并获取用户选择列表 166

9.2.3 查看微信卡包中的卡券 170

9.3 常见问题 173

第10章 实战案例1：中国好屌挑战赛 174

10.1 案例概述 174

10.2 客户需求 174

10.2.1 首页 174

10.2.2 男生游戏的逻辑 176

10.2.3 女生游戏的逻辑 179

10.2.4 分享页面 184

10.3 实现代码及分析 185

10.3.1 首页模块 185

10.3.2 参加女生组模块 201

10.3.3 参加男生组模块 235

10.4 案例总结 252

第11章 实战案例2：LBS服务获取用户位置 253

11.1 案例概述 253

11.2 实现代码及分析 253

11.3 案例总结 261

第12章 微信JSSDK相关开发技巧及问题 262

12.1 判断微信浏览器 262

12.2 微信浏览器不支持打开app Store页面 263

12.3 一些提示码的问题 265

12.3.1 提示码：invalid url domain 265

12.3.2 提示码：invalid signature 266

12.3.3 提示码：the permission value is offline verifying 266

12.3.4 提示码：permission denied 266

12.3.5 提示码：function not exist 266

12.3.6 版本config问题 267

12.3.7 在调用微信JSSDK选择图片后显示模糊的问题 267

附录A JS-SDK使用权限签名算法 268

附录B 所有JS接口列表 271

附录C 所有菜单项列表 281

附录D 卡券扩展字段及签名生成算法 283

现今是移动互联网的时代，微信迅速走红，占领了移动互联网的大部分江山，成为了一款家喻户晓的入口级产品。同时，微信也渗透到了人们生活的方方面面。现在，基本上和移动Web沾边的应用，几乎都有微信的需求。

2015年初，微信宣布开放微信JSSDK，开始全面支持HTML 5，这让JavaScript等前端Web开发人员可以享受一些特殊的API，例如扫一扫、卡券、微信支付、智能等。受恩于微信庞大的用户基础，在微信体系下，可以帮助更多企业重塑与用户的关系价值链，因此很多企业疯狂追逐微信的变革，这些重大的改变，引发了更多商业连锁效应。

JSSDK的概念，本来也不是什么新的概念，有很多前车之鉴，例如**、微博的开放平台，另外还有一些SDK的导航网站（BestSDK）。当然，由于之前的那些JSSDK对企业的影响不是很大，与微信的JSSDK相比，真是小巫见大巫了。

本书特色

为了与时俱进，前端的读者朋友，都应该了解、学习一下微信的JSSDK，本书中介绍了微信JSSDK的示例代码、技巧和实战案例。本书主要讲解形式如下：

（1）针对每个API，都首先设计一个通用JavaScript文件，然后根据API中提供的各个接口，设计好针对每个接口的调用方法。

（2）所有的案例代码都很完整，读者在调试不通的情况下，可以直接拿源代码中的文件进行调试。

（3）很多人即使熟悉了API的接口，也不知道如何应用，本书*后还提供了两个完整的项目案例，利用JSSDK+HTML 5结合的形式，把制作项目的流程、代码和技巧都完整地演示出来。

本书的结构

第1章：由于做微信JSSDK开发，离不开微信公众号，所以首先介绍了微信公众号的注册流程，并为读者朋友讲解一些关于微信后台的操作，以便于对微信后台有一个更清晰的认知。

第2章：微信JSSDK的API使用需要搭建微信JSSDK的基础环境，本章综合讲解了搭建过程，为后续接口调用做铺垫。

第3~9章：阐述了到本书截稿日期之前，微信开放的所有API，包含了代码示例、常见问题及一些小技巧。

第10~11章：用案例为载体，结合比较流行的HTML 5技术，讲解了微信JSSDK在实际项目中的重要作用。

第12章：总结了在微信JSSDK开发中可能面临的一些问题，随后又介绍了在微信调试模式下，一些提示信息的作用。

本书写给谁

Web网页开发人员

PHP开发人员

微信开发人员

大学毕业想利用微信平台创业的人员

微信公众号的维护人员

由于作者个人能力有限，书中难免有疏漏之处，欢迎读者朋友提出宝贵的建议。

*后，感谢您购买此书，相信您也是一位前端技术爱好者，祝您在技术及职场生涯中，一帆风顺！

编者　席新亮