微信公众平台JSSDK开发实战 公众号与HTML5混合模式揭秘pdf

微信公众平台JSSDK开发实战 公众号与HTML5混合模式揭秘 作者：席新亮

微信公众平台JSSDK开发实战 公众号与HTML5混合模式揭秘 出版社：电子工业出版社

微信公众平台JSSDK开发实战 公众号与HTML5混合模式揭秘 内容简介

2015年初，微信向互联网界投了一颗重磅核武器——全面支持HTML 5，开放微信JSSDK，惊倒众人。业界认为用JSSDK甚至可以开发一个微信出来。本书立志于帮助微信开发者更好地学习JSSDK。

《微信公众平台JSSDK开发实战：公众号与HTML5混合模式揭秘》涵盖了微信JSSDK的所有API介绍、示例代码、案例实战、技巧方法。全书分为12章，第1~2章介绍不同类型微信公众号的区别并开始搭建JSSDK的开发环境；第3~9章介绍微信开放的所有API，并提供了贴近现实的实例；第10~11章利用微信JSSDK结合HTML 5技术实现两个大的项目应用；最后一章介绍一些微信开发的技巧。

本书适合所有微信开发人员使用，尤其适合目前从事Web开发工作的人员，本书定位基础，用案例结合API应用，是目前市场上仅有的一本介绍微信JSSDK的书。

微信公众平台JSSDK开发实战 公众号与HTML5混合模式揭秘 目录

第1章 认识微信公众平台

1.1 微信公众平台账号分类

1.1.1 订阅号

1.1.2 服务号

1.1.3 企业号

1.2 微信公众号申请流程

1.3 微信公众号的认证

1.4 公众号设置

1.5 微信开发者中心

1.5.1 开发者中心的配置项

1.5.2 开发者中心的接口报警

1.6 公众号的安全中心

1.7 本章小结

第2章 搭建JSSDK开发环境

2.1 先了解一下JSSDK

2.2 如何部署JSSDK

2.2.1 绑定域名

2.2.2 引入JS文件

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

2.3 JSSDK的主要功能参考列表

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

2.5 本章小结

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

3.1 基础接口的作用

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

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

3.2　分享接口的作用

3.2.1 分享接口有什么好处

3.2.2 获取微信的分享接口

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

3.4 常见问题

第4章 JSSDK的图像处理

4.1 认识图像接口

4.1.1 从安卓手机相册中选图

4.1.2 预览图片

4.1.3 上传图片

4.1.4 下载图片

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

4.2.1 项目需求

4.2.2 需求分解

4.2.3 代码实现

4.3 常见问题

第5章 JSSDK的音频处理

5.1 音频接口

5.1.1 开始录音

5.1.2 停止录音

5.1.3 监听录音自动停止

5.1.4 播放语音

5.1.5 暂停播放

5.1.6 停止播放

5.1.7 监听语音播放完毕

5.1.8 上传语音

5.1.9 下载语音

5.2 常见问题

第6章 JSSDK的界面操作

6.1 界面操作

6.1.1 隐藏右上角菜单

6.1.2 显示右上角菜单

6.1.3 关闭当前网页窗口

6.1.4 批量隐藏功能按钮

6.1.5 批量显示功能按钮

6.1.6 隐藏所有非基础按钮

6.1.7 显示所有功能按钮

6.2 常见问题

第7章 JSSDK的地理位置

7.1 地理位置

7.1.1 获取地理位置

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

7.2 常见问题

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

8.1 智能接口

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

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

8.2 微信扫一扫

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

8.2.2 调用微信扫一扫接口

8.3 设备信息

8.3.1 获取网络状态接口

8.3.2 获取网络状态接口

8.4 常见问题

第9章 JSSDK的微信商店

9.1 微信小店

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

9.1.2 跳转微信商品页

9.2 微信卡券

9.2.1 批量添加卡券

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

9.2.3 查看微信卡包中的卡券

9.3 常见问题

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

10.1 案例概述

10.2 客户需求

10.2.1 首页

10.2.2 男生游戏的逻辑

10.2.3 女生游戏的逻辑

10.2.4 分享页面

10.3 实现代码及分析

10.3.1 首页模块

10.3.2 参加女生组模块

10.3.3 参加男生组模块

10.4 案例总结

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

11.1 案例概述

11.2 实现代码及分析

11.3 案例总结

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

12.1 判断微信浏览器

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

12.3 一些提示码的问题

12.3.1 提示码：invalid url domain

12.3.2 提示码：invalid signature

12.3.3 提示码：the permission value is offline verifying

12.3.4 提示码：permission denied

12.3.5 提示码：function not exist

12.3.6 版本config问题

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

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

附录B 所有JS接口列表

附录C 所有菜单项列表

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

微信公众平台JSSDK开发实战 公众号与HTML5混合模式揭秘 精彩文摘

3.2 分享接口的作用

3.2.1 分享接口有什么好处

要想知道微信的JSSDK“分享接口”有什么好处，那么首先要知道“分享”有什么好处。“分享”就是与他人分一些享受、使用、行使等，可以加速一件事的传播，增加曝光率。最近，好多脍炙人口的网络流行语、好多有趣的游戏、好多搞笑的段子都是基于微信传播（分享）、扩散（分享）的；也有一些超级牛的商业文章，瞬间铺满全网，为公司带来大量利润，也是微信的功劳，当然也有通过微信做公益事业的。

可见，分享的好处不言自明，因此开发者需要掌握JSSDK 的分享接口，分享接口就是帮助开发者实现这些信息的分享。

3.2.2 获取微信的分享接口

微信的JSSDK 有目前有4 种分享API，分别是：

分享到朋友圈。

分享给朋友。

分享到QQ。

分享到腾讯微博。

这几种API 的调用方式类似，统一给出，如下。

（1）分享到朋友圈

API 名字：onMenuShareTimeline

API 调用，示例代码如下：

01 wx.onMenuShareTimeline({

02 title: '', // 分享标题

03 link: '', // 分享链接

04 imgUrl: '', // 分享图标

05 success: function () {

06 // 用户确认分享后执行的回调函数

07 },

08 cancel: function () {

09 // 用户取消分享后执行的回调函数

10 }

11 });

（2）分享给朋友

API 名字：onMenuShareAppMessage

API 调用，示例代码如下：

01 wx.onMenuShareAppMessage({

02 title: '', // 分享标题

03 desc: '', // 分享描述

04 link: '', // 分享链接

05 imgUrl: '', // 分享图标

06 type: '', // 分享类型，music、video 或link，不填默认为link

07 dataUrl: '', // 如果type 是music 或video，则要提供数据链接，默认为空

08 success: function () {

09 // 用户确认分享后执行的回调函数

10 },

11 cancel: function () {

12 // 用户取消分享后执行的回调函数

13 }

14 });

（3）分享到QQ

API 名字：onMenuShareQQ

API 调用，示例代码如下：

01 wx.onMenuShareQQ({

02 title: '', // 分享标题

03 desc: '', // 分享描述

04 link: '', // 分享链接

05 imgUrl: '', // 分享图标

06 success: function () {

07 // 用户确认分享后执行的回调函数

08 },

09 cancel: function () {

10 // 用户取消分享后执行的回调函数

11 }

12 });

（4）分享到腾讯微博

API 名字：onMenuShareWeibo

API 调用，示例代码如下：

01 wx.onMenuShareWeibo({

02 title: '', // 分享标题

03 desc: '', // 分享描述

04 link: '', // 分享链接

05 imgUrl: '', // 分享图标

06 success: function () {

07 // 用户确认分享后执行的回调函数

08 },

09 cancel: function () {

10 // 用户取消分享后执行的回调函数

11 }

12 });