微信公众平台开发标准教程

第1 部分 微信公众平台的申请

第1　章 微信公众号概述　1

1.1　微信公众号简述　1

1.1.1　微信公众号类型　2

1.1.2　微信订阅号　3

1.1.3　微信服务号　3

1.1.4　案例：银行行业微信网厅　4

1.1.5　案例：电信行业微信网厅　4

1.1.6　微信企业号　5

1.2　微信公众号的注册与登录　6

1.2.1　注册流程　7

1.2.2　登录微信服务号　14

1.3　微信公众号的使用　14

1.3.1　微信服务号管理后台简介　14

1.3.2　微信服务号内容管理　15

1.3.3　微信服务号统计管理　19

1.3.4　微信服务号设置管理　21

1.3.5　微信服务号开发者管理中心　23

1.3.6　思考与练习　24

第2　章 微信公众平台开发者模式　25

2.1　微信公众平台开发者模式简介　25

2.1.1　编辑模式与开发者模式　25

2.1.2　开启开发者模式　26

2.2　使用虚拟主机搭建测试服务器　27

2.2.1　虚拟主机简介　27

2.2.2　注册百度云账号　28

2.2.3　购买百度虚拟主机BCC　30

2.2.4　安装PHP 环境　31

2.3　接入微信开发者模式　34

2.3.1　部署PHP 接入示例到测试服务器　34

2.3.2　配置URL 并验证Token　35

2.3.3　开发自动回复消息功能　36

2.4　开发者工具　37

2.4.1　开发者工具概述　37

2.4.2　在线接口调试工具　38

2.4.3　微信公众平台测试账号　39

2.5　思考与练习　41

第3　章 微信公众平台接口权限　42

3.1　接口使用基础　42

3.1.1　开发者规范　42

3.1.2　接口权限说明　43

3.1.3　接口调用频率限制　44

3.2　接口调用凭证——access_token　46

3.2.1　概述　46

3.2.2　获取access_token 接口规范　47

3.2.3　在PHP 获取access_token　48

3.2.4　使用文件缓存access_token　49

3.2.5　使用数据库缓存access_token　51

3.3　access_token 应用示例　53

3.3.1　获取微信服务器IP 地址　54

3.3.2　接口调用次数清零操作　54

3.4　思考与练习　56

第2　部分 微信常用接口与样式

第4　章 微信网页设计样式库——WeUI　57

4.1　WeUI 简介　57

4.1.1　概述　57

4.1.2　安装npm 包管理器　58

4.1.3　在Mac 系统下安装npm　58

4.1.4　在Linux 系统下安装npm　60

4.1.5　在Windows 系统下安装npm　60

4.1.6　开始使用WeUI　62

4.2　WeUI 元素类型　63

4.2.1　Button——实现不同按钮效果　63

4.2.2　Cell——制作列表项　64

4.2.3　Dialog——常见提示框　65

4.2.4　Progress 和Toast——使用计时器模拟文件上传　67

4.2.5　Msg Page 和Icon——制作操作结果提示页　69

4.2.6　ActionSheet—制作图片上传选择页　71

4.3　实战：开发待办事项静态页　72

4.3.1　页面交互设计　72

4.3.2　用户登录页面　73

4.3.3　待办事项列表页　75

4.3.4　待办事项查看编辑页　76

4.4　思考与练习　80

第5　章 PHP 内容管理框架——OneThink　81

5.1　OneThink 简介　81

5.2　下载与安装　82

5.2.1　系统要求　82

5.2.2　下载　82

5.2.3　安装　83

5.3　内容管理后台　85

5.3.1　分类管理　85

5.3.2　文章管理　87

5.3.3　发布文章　88

5.4　二次开发指南　89

5.4.1　基础配置　90

5.4.2　数据库结构　90

5.5　PHP 图集发布模块　91

5.5.1　项目概述　91

5.5.2　数据库设计　92

5.5.3　实现图集列表控制器　92

5.5.4　实现图集列表模板　94

5.5.5　实现图集编辑表单页　97

5.5.6　上传图片到服务器　99

5.5.7　使用自定义模型处理数据　101

5.6　思考与练习　102

第6　章 微信网页授权OAuth2.0　103

6.1　微信网页授权配置　103

6.1.1　概述　103

6.1.2　配置微信网页授权回调域名　104

6.1.3　微信网页授权步骤　105

6.2　微信网页授权开发流程　105

6.2.1　框架搭建　105

6.2.2　引导用户授权并获取code 值　106

6.2.3　通过code 换取网页授权access_token　109

6.2.4　使用refresh_token 刷新access_token　112

6.2.5　拉取用户信息　113

6.3　实战：PHP 微信网页授权自动登录　115

6.3.1　项目概述　115

6.3.2　自动注册与自动登录　116

6.3.3　在网页上展示用户信息　119

6.4　思考与练习　121

第7　章 微信公众平台消息管理　122

7.1　接收消息　122

7.1.1　基础配置与框架搭建　122

7.1.2　缓存微信服务器请求消息　123

7.1.3　接收文本消息　125

7.1.4　接收图片消息　126

7.1.5　接收语音消息　128

7.1.6　接收视频消息　129

7.1.7　获取小视频消息　130

7.1.8　接收地理位置消息　131

7.1.9　接收链接信息　133

7.2　消息回复　134

7.2.1　消息概述　134

7.2.2　PHP 消息回复处理类　135

7.2.3　回复文本消息　137

7.2.4　回复图片消息　138

7.2.5　回复语音消息　139

7.2.6　回复视频消息　140

7.2.7　回复音乐消息　141

7.2.8　回复图文消息　143

7.3　思考与练习　146

第8　章 微信公众平台自定义菜单　147

8.1　自定义菜单概述　147

8.1.1　自定义菜单类型　147

8.1.2　PHP 基础框架搭建　149

8.1.3　获取通用access_token　149

8.2　创建、查看与删除自定义菜单　151

8.2.1　自定义菜单格式　151

8.2.2　使用PHP CURL 创建菜单　152

8.2.3　查询自定义菜单　154

8.2.4　删除自定义菜单　155

8.3　实践自定义菜单事件推送　156

8.3.1　单击菜单获取图文音乐消息　156

8.3.2　点击菜单页面跳转访问量统计　157

8.3.3　扫码事件消息推送　159

8.3.4　发送图片事件消息推送　162

8.3.5　地理位置选择事件消息推送　163

8.4　思考与练习　164

第9　章 微信网页开发工具包JS-SDK　165

9.1　在项目中使用JS-SDK　165

9.1.1　公众微信平台域名配置　165

9.1.2　引入JS-SDK 的JS 文件　166

9.1.3　引入PHP 类库并初始化配置信息　167

9.2　JS-SDK 基础接口　169

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

9.2.2　自定义分享内容接口　170

9.2.3　实战：自定义分享网页给微信好友　172

9.2.4　获取网络状态　174

9.2.5　获取与展示地理位置信息　175

9.3　图像接口——用户上传证件信息实例　178

9.3.1　项目概述　178

9.3.2　新增用户上传证件信息页面　179

9.3.3　拍照或者从相册中选择图片　180

9.3.4　上传图片到微信服务器　181

9.3.5　使用获取临时素材接口下载图片　182

9.4　思考与练习　185

第10　章 微信公众平台支付　186

10.1　微信支付简介　186

10.1.1　微信支付常见应用场景　186

10.1.2　微信支付工具介绍　188

10.2　微信支付接入与开发配置　191

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

10.2.2　通过微信认证并提交审核资料　192

10.2.3　审核通过账户验证　194

10.3　微信支付基础开发配置　195

10.3.1　设置API 秘钥并下载API 证书　195

10.3.2　微信公众号支付开发配置　197

10.4　微信公众号支付案例　198

10.4.1　微信公众号支付简介　198

10.4.2　搭建微信公众号支付项目　200

10.4.3　集成微信支付PHP SDK到项目中　201

10.4.4　构建订单信息　202

10.4.5　调用JS-API 发起微信支付　205

10.4.6　获取通知完成支付　207

10.5　思考与练习　210

第3　部分 微信公众平台高级接口

第11　章 基于LBS 位置服务的微信应用　211

11.1　基于LBS 位置服务的常见应用　211

11.1.1　生活类LBS 应用　211

11.1.2　娱乐类LBS 应用　213

11.2　GeoHash 经纬度转换算法　214

11.2.1　开发LBS 应用基本原理　214

11.2.2　GeoHash 经纬度转换算法简介　214

11.2.3　在PHP 中使用GeoHash　216

11.3　设计查找附近充电桩应用　217

11.3.1　程序设计　217

11.3.2　项目搭建　218

11.3.3　数据库结构设计　219

11.4　开发查找附近充电桩应用　220

11.4.1　首页　220

11.4.2　地理位置信息注册页　221

11.4.3　获取地理位置信息并存储　225

11.4.4　充电桩信息检索页　227

11.5　思考与总结　229

第12　章 可伸缩式布局——rem　230

12.1　移动网页布局概述　230

12.1.1　常见的移动网页布局方式　230

12.1.2　rem 布局简介　231

12.2　rem 布局原理与实现　232

12.2.1　rem 与字体大小　232

12.2.2　伸缩式布局　234

12.3　淘购物入口页　236

12.3.1　页面设计　236

12.3.2　基础结构　237

12.3.3　搜索和轮播图　239

12.3.4　商品分类导航　240

12.3.5　动态与商品推荐　240

12.3.6　商品列表　241

12.4　思考与练习　242

第13　章 微信公众平台使用开发技巧　243

13.1　客服功能　243

13.1.1　升级与开通客服功能　243

13.1.2　添加客服人员账号　244

13.1.3　客服沟通　246

13.2　模板消息　247

13.2.1　模板消息的概念　247

13.2.2　申请开通　248

13.2.3　在正式账号中添加模板　249

13.2.4　在测试账号中添加模板　250

13.3　发送模板消息　251

13.3.1　接口调用流程简介　251

13.3.2　项目搭建　252

13.3.3　接口处理类　253

13.3.4　获取OpenID　254

13.3.5　执行发送消息操作　256

13.4　思考与练习　257

第14　章 微信公众平台海淘购物应用　258

14.1　程序设计　258

14.1.1　购物网站架构　258

14.1.2　程序设计—购物应用　259

14.1.3　程序设计—内容管理　260

14.2　数据库结构设计　261

14.2.1　用户表　261

14.2.2　商品表　262

14.2.3　购物车表　263

14.2.4　订单表　264

14.3　商品、订单内容管理　265

14.3.1　商品分类管理　265

14.3.2　商品管理　270

14.3.3　订单列表管理　274

14.3.4　订单详情管理　278

14.4　购物首页　280

14.4.1　微信端架构设计　281

14.4.2　购物首页数据查询　282

14.4.3　购物首页结构与样式　283

14.4.4　商品列表Ajax 分页　286

14.5　商品列表与详情页　288

14.5.1　商品列表页　288

14.5.2　商品详情页　290

14.6　购物车　293

14.6.1　添加商品到购物车　293

14.6.2　购物车样式定义与数据展示　295

14.6.3　购物车商品数量管理　298

14.6.4　购物车商品选择操作　301

14.6.5　购物车删除操作　302

14.7　订单结算与支付　303

14.7.1　购物车结算下单　303

14.7.2　订单结算页　306

14.7.3　订单列表　309

14.8　用户中心　312

14.8.1　用户个人中心　312

14.8.2　用户收货信息管理　314

14.9　思考与练习　316