微信公众平台网页开发实战 HTML5+JSSDK混合开发解密pdf

微信公众平台网页开发实战 HTML5+JSSDK混合开发解密 作者：席新亮 等

微信公众平台网页开发实战 HTML5+JSSDK混合开发解密 出版社：电子工业出版社

微信公众平台网页开发实战 HTML5+JSSDK混合开发解密 内容简介

2017年，微信已经全面支持公众平台内的网页开发，并且提供了网页开发样式库、JSSDK库和网页内支付、网页调试工具，Web开发人员可以利用这些功能开发出更多、更好、更炫的微信内应用。本书立志于帮助微信开发者更好地学习微信中的网页开发和JSSDK库。

本书涵盖了微信网页开发的所有API案例实战以及所有样式库。全书分为13章，第1~2章介绍了不同类型微信公众号的区别和微信内网页JSSDK的开发环境；第3~9章介绍了微信开放的所有API，并提供了贴近现实的实例；第10章通过实例演示了微信提供的网页样式；第11~12章利用微信JSSDK+HTML5技术实现了两个大的项目应用；后一章介绍一些微信开发的技巧及问题。

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

微信公众平台网页开发实战 HTML5+JSSDK混合开发解密 目录

前言

第1章　认识微信公众平台

1.1　微信公众平台账号分类

1.1.1　订阅号

1.1.2　服务号

1.1.3　企业号

1.1.4　小程序

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　使用SAE部署测试号的JSSDK

2.3.1　在SAE中创建应用

2.3.2　上传测试代码

2.3.3　绑定JS接口

2.3.4　针对SAE不支持读写操作的处理——Memcached

2.3.5　在公众号中测试效果

2.4　JSSDK的调试工具

2.5　JSSDK的主要功能参考列表

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

2.7　本章小结

第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.2　常见问题

第7章　JSSDK的地理位置

7.1　地理位置

7.1.1　获取地理位置

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

7.2　常见问题

第8章　JSSDK的智能操作与微信支付

8.1　智能接口——识别音频并返回识别结果

8.2　微信扫一扫

8.3　设备信息——获取网络状态接口

8.4　微信支付

8.4.1　微信支付公众平台申请流程

8.4.2　完成账户验证

8.4.3　设置API秘钥

8.4.4　下载API证书

8.4.5　微信支付的开发配置

8.4.6　微信支付测试

8.5　常见问题

第9章　JSSDK的微信商店

9.1　微信小店

9.2　微信卡券

9.2.1　批量添加卡券

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

9.2.3　查看微信卡包中的卡券

9.3　常见问题

第10章　微信网页开发样式库

10.1　认识WeUI

10.1.1　W eUI的特色

10.1.2安装WeUI

10.1.3　使用WeUI做一个欢迎界面

10.2　使用表单

10.2.1　按钮（Button）

10.2.2　表单输入（Input）

10.2.3　列表（List）

10.2.4　滑块（Slider）

10.2.5　上传（Uploader）

10.3　使用基础组件

10.3.1　九宫格（Grid）

10.3.2　进度条（Progress）

10.4　使用导航组件

10.5　网页其他样式

10.6　常见问题

第11章　实战案例1：中国好友挑战赛（HTML 5混编）

11.1　案例概述

11.2　客户需求

11.2.1　首页

11.2.2　男生游戏的逻辑

11.2.3　女生游戏的逻辑

11.2.4　分享页面

11.3　实现代码及分析

11.3.1　首页模块

11.3.2　参加女生组模块

11.3.3　参加男生组模块

11.4　案例总结

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

12.1　案例概述

12.2　实现代码及分析

12.3　案例总结

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

13.1　判断微信浏览器

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

13.3　一些提示码的问题

13.3.1　提示码：invalid url domain

13.3.2　提示码：invalid signature

13.3.3　提示码：the permission value is offline verifying

13.3.4　提示码：permission denied

13.3.5　提示码：function not exist

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

附录B　所有JS接口列表

附录C　所有菜单项列表

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

微信公众平台网页开发实战 HTML5+JSSDK混合开发解密 精彩文摘

1.1.2 服务号

“服务号”的目的是为用户提供服务信息，权限如下：

l 1个月内（自然月）仅可以群发4条信息。

l 发送给订阅者（粉丝）的信息，会直接显示在微信好友对话列表中，不会像订阅号一样被折叠在一个文件夹中，如图1.2所示。

说明：服务号申请需要提交企业或组织机构的相关信息。

服务号与订阅号在功能上的具体区别参见图1.3。

1.1.3 企业号

企业号是“微信公众平台”的一种创新，目标是帮助企业、学校、政府机关及任何组织机构，打通横向、纵向信息流，建立上下游伙伴、内部员工之间的连接，增加协同效率，降低沟通成本，高效的运作。

微信企业号与前两个公众号最主要的区别是，只有限定范围内的用户才可以关注对应的企业号，使用企业号发送的信息数量几乎不受限制。

企业号也显示在微信的首页中，不会像订阅号一样被折叠，如图1.4所示。

1.1.4 小程序

微信在2017年1月9日开放了小程序，从其名字就可以看出来，这是一个支持快速注册、快速开发、快速使用、快速离开的程序。小程序最大的特色就是可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

小程序在微信的“发现”栏最下角，打开后会显示曾经使用过的小程序，也可以通过搜索栏搜索其他小程序，如图1.5所示。