微信公眾平臺(tái)開(kāi)發(fā)標(biāo)準(zhǔn)教程

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