微信公眾平臺開發(fā)標準教程

第1 部分 微信公眾平臺的申請
第1　章 微信公眾號概述　1
1．1　微信公眾號簡述　1
1．1．1　微信公眾號類型　2
1．1．2　微信訂閱號　3
1．1．3　微信服務號　3
1．1．4　案例：銀行行業(yè)微信網(wǎng)廳　4
1．1．5　案例：電信行業(yè)微信網(wǎng)廳　4
1．1．6　微信企業(yè)號　5
1．2　微信公眾號的注冊與登錄　6
1．2．1　注冊流程　7
1．2．2　登錄微信服務號　14
1．3　微信公眾號的使用　14
1．3．1　微信服務號管理后臺簡介　14
1．3．2　微信服務號內(nèi)容管理　15
1．3．3　微信服務號統(tǒng)計管理　19
1．3．4　微信服務號設(shè)置管理　21
1．3．5　微信服務號開發(fā)者管理中心　23
1．3．6　思考與練習　24
第2　章 微信公眾平臺開發(fā)者模式　25
2．1　微信公眾平臺開發(fā)者模式簡介　25
2．1．1　編輯模式與開發(fā)者模式　25
2．1．2　開啟開發(fā)者模式　26
2．2　使用虛擬主機搭建測試服務器　27
2．2．1　虛擬主機簡介　27
2．2．2　注冊百度云賬號　28
2．2．3　購買百度虛擬主機BCC　30
2．2．4　安裝PHP 環(huán)境　31
2．3　接入微信開發(fā)者模式　34
2．3．1　部署PHP 接入示例到測試服務器　34
2．3．2　配置URL 并驗證Token　35
2．3．3　開發(fā)自動回復消息功能　36
2．4　開發(fā)者工具　37
2．4．1　開發(fā)者工具概述　37
2．4．2　在線接口調(diào)試工具　38
2．4．3　微信公眾平臺測試賬號　39
2．5　思考與練習　41
第3　章 微信公眾平臺接口權(quán)限　42
3．1　接口使用基礎(chǔ)　42
3．1．1　開發(fā)者規(guī)范　42
3．1．2　接口權(quán)限說明　43
3．1．3　接口調(diào)用頻率限制　44
3．2　接口調(diào)用憑證——access_token　46
3．2．1　概述　46
3．2．2　獲取access_token 接口規(guī)范　47
3．2．3　在PHP 獲取access_token　48
3．2．4　使用文件緩存access_token　49
3．2．5　使用數(shù)據(jù)庫緩存access_token　51
3．3　access_token 應用示例　53
3．3．1　獲取微信服務器IP 地址　54
3．3．2　接口調(diào)用次數(shù)清零操作　54
3．4　思考與練習　56
第2　部分 微信常用接口與樣式
第4　章 微信網(wǎng)頁設(shè)計樣式庫——WeUI　57
4．1　WeUI 簡介　57
4．1．1　概述　57
4．1．2　安裝npm 包管理器　58
4．1．3　在Mac 系統(tǒng)下安裝npm　58
4．1．4　在Linux 系統(tǒng)下安裝npm　60
4．1．5　在Windows 系統(tǒng)下安裝npm　60
4．1．6　開始使用WeUI　62
4．2　WeUI 元素類型　63
4．2．1　Button——實現(xiàn)不同按鈕效果　63
4．2．2　Cell——制作列表項　64
4．2．3　Dialog——常見提示框　65
4．2．4　Progress 和Toast——使用計時器模擬文件上傳　67
4．2．5　Msg Page 和Icon——制作操作結(jié)果提示頁　69
4．2．6　ActionSheet—制作圖片上傳選擇頁　71
4．3　實戰(zhàn)：開發(fā)待辦事項靜態(tài)頁　72
4．3．1　頁面交互設(shè)計　72
4．3．2　用戶登錄頁面　73
4．3．3　待辦事項列表頁　75
4．3．4　待辦事項查看編輯頁　76
4．4　思考與練習　80
第5　章 PHP 內(nèi)容管理框架——OneThink　81
5．1　OneThink 簡介　81
5．2　下載與安裝　82
5．2．1　系統(tǒng)要求　82
5．2．2　下載　82
5．2．3　安裝　83
5．3　內(nèi)容管理后臺　85
5．3．1　分類管理　85
5．3．2　文章管理　87
5．3．3　發(fā)布文章　88
5．4　二次開發(fā)指南　89
5．4．1　基礎(chǔ)配置　90
5．4．2　數(shù)據(jù)庫結(jié)構(gòu)　90
5．5　PHP 圖集發(fā)布模塊　91
5．5．1　項目概述　91
5．5．2　數(shù)據(jù)庫設(shè)計　92
5．5．3　實現(xiàn)圖集列表控制器　92
5．5．4　實現(xiàn)圖集列表模板　94
5．5．5　實現(xiàn)圖集編輯表單頁　97
5．5．6　上傳圖片到服務器　99
5．5．7　使用自定義模型處理數(shù)據(jù)　101
5．6　思考與練習　102
第6　章 微信網(wǎng)頁授權(quán)OAuth2．0　103
6．1　微信網(wǎng)頁授權(quán)配置　103
6．1．1　概述　103
6．1．2　配置微信網(wǎng)頁授權(quán)回調(diào)域名　104
6．1．3　微信網(wǎng)頁授權(quán)步驟　105
6．2　微信網(wǎng)頁授權(quán)開發(fā)流程　105
6．2．1　框架搭建　105
6．2．2　引導用戶授權(quán)并獲取code 值　106
6．2．3　通過code 換取網(wǎng)頁授權(quán)access_token　109
6．2．4　使用refresh_token 刷新access_token　112
6．2．5　拉取用戶信息　113
6．3　實戰(zhàn)：PHP 微信網(wǎng)頁授權(quán)自動登錄　115
6．3．1　項目概述　115
6．3．2　自動注冊與自動登錄　116
6．3．3　在網(wǎng)頁上展示用戶信息　119
6．4　思考與練習　121
第7　章 微信公眾平臺消息管理　122
7．1　接收消息　122
7．1．1　基礎(chǔ)配置與框架搭建　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 基礎(chǔ)框架搭建　149
8．1．3　獲取通用access_token　149
8．2　創(chuàng)建、查看與刪除自定義菜單　151
8．2．1　自定義菜單格式　151
8．2．2　使用PHP CURL 創(chuàng)建菜單　152
8．2．3　查詢自定義菜單　154
8．2．4　刪除自定義菜單　155
8．3　實踐自定義菜單事件推送　156
8．3．1　單擊菜單獲取圖文音樂消息　156
8．3．2　點擊菜單頁面跳轉(zhuǎn)訪問量統(tǒng)計　157
8．3．3　掃碼事件消息推送　159
8．3．4　發(fā)送圖片事件消息推送　162
8．3．5　地理位置選擇事件消息推送　163
8．4　思考與練習　164
第9　章 微信網(wǎng)頁開發(fā)工具包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 基礎(chǔ)接口　169
9．2．1　判斷當前客戶端版本是否支持指定JS 接口　169
9．2．2　自定義分享內(nèi)容接口　170
9．2．3　實戰(zhàn)：自定義分享網(wǎng)頁給微信好友　172
9．2．4　獲取網(wǎng)絡狀態(tài)　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　微信支付接入與開發(fā)配置　191
10．2．1　微信支付公眾平臺申請流程　191
10．2．2　通過微信認證并提交審核資料　192
10．2．3　審核通過賬戶驗證　194
10．3　微信支付基礎(chǔ)開發(fā)配置　195
10．3．1　設(shè)置API 秘鑰并下載API 證書　195
10．3．2　微信公眾號支付開發(fā)配置　197
10．4　微信公眾號支付案例　198
10．4．1　微信公眾號支付簡介　198
10．4．2　搭建微信公眾號支付項目　200
10．4．3　集成微信支付PHP SDK到項目中　201
10．4．4　構(gòu)建訂單信息　202
10．4．5　調(diào)用JS-API 發(fā)起微信支付　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 經(jīng)緯度轉(zhuǎn)換算法　214
11．2．1　開發(fā)LBS 應用基本原理　214
11．2．2　GeoHash 經(jīng)緯度轉(zhuǎn)換算法簡介　214
11．2．3　在PHP 中使用GeoHash　216
11．3　設(shè)計查找附近充電樁應用　217
11．3．1　程序設(shè)計　217
11．3．2　項目搭建　218
11．3．3　數(shù)據(jù)庫結(jié)構(gòu)設(shè)計　219
11．4　開發(fā)查找附近充電樁應用　220
11．4．1　首頁　220
11．4．2　地理位置信息注冊頁　221
11．4．3　獲取地理位置信息并存儲　225
11．4．4　充電樁信息檢索頁　227
11．5　思考與總結(jié)　229
第12　章 可伸縮式布局——rem　230
12．1　移動網(wǎng)頁布局概述　230
12．1．1　常見的移動網(wǎng)頁布局方式　230
12．1．2　rem 布局簡介　231
12．2　rem 布局原理與實現(xiàn)　232
12．2．1　rem 與字體大小　232
12．2．2　伸縮式布局　234
12．3　淘購物入口頁　236
12．3．1　頁面設(shè)計　236
12．3．2　基礎(chǔ)結(jié)構(gòu)　237
12．3．3　搜索和輪播圖　239
12．3．4　商品分類導航　240
12．3．5　動態(tài)與商品推薦　240
12．3．6　商品列表　241
12．4　思考與練習　242
第13　章 微信公眾平臺使用開發(fā)技巧　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　發(fā)送模板消息　251
13．3．1　接口調(diào)用流程簡介　251
13．3．2　項目搭建　252
13．3．3　接口處理類　253
13．3．4　獲取OpenID　254
13．3．5　執(zhí)行發(fā)送消息操作　256
13．4　思考與練習　257
第14　章 微信公眾平臺海淘購物應用　258
14．1　程序設(shè)計　258
14．1．1　購物網(wǎng)站架構(gòu)　258
14．1．2　程序設(shè)計—購物應用　259
14．1．3　程序設(shè)計—內(nèi)容管理　260
14．2　數(shù)據(jù)庫結(jié)構(gòu)設(shè)計　261
14．2．1　用戶表　261
14．2．2　商品表　262
14．2．3　購物車表　263
14．2．4　訂單表　264
14．3　商品、訂單內(nèi)容管理　265
14．3．1　商品分類管理　265
14．3．2　商品管理　270
14．3．3　訂單列表管理　274
14．3．4　訂單詳情管理　278
14．4　購物首頁　280
14．4．1　微信端架構(gòu)設(shè)計　281
14．4．2　購物首頁數(shù)據(jù)查詢　282
14．4．3　購物首頁結(jié)構(gòu)與樣式　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　購物車樣式定義與數(shù)據(jù)展示　295
14．6．3　購物車商品數(shù)量管理　298
14．6．4　購物車商品選擇操作　301
14．6．5　購物車刪除操作　302
14．7　訂單結(jié)算與支付　303
14．7．1　購物車結(jié)算下單　303
14．7．2　訂單結(jié)算頁　306
14．7．3　訂單列表　309
14．8　用戶中心　312
14．8．1　用戶個人中心　312
14．8．2　用戶收貨信息管理　314
14．9　思考與練習　316