2015年初，微信向互聯(lián)網(wǎng)界投了一顆重磅核武器——全面支持HTML 5，開(kāi)放微信JSSDK，驚倒眾人。業(yè)界認(rèn)為用JSSDK甚至可以開(kāi)發(fā)一個(gè)微信出來(lái)。《微信公眾平臺(tái)JSSDK開(kāi)發(fā)實(shí)戰(zhàn)---公眾號(hào)與HTML 5混合模式揭秘》立志于幫助微信開(kāi)發(fā)者更好地學(xué)習(xí)JSSDK。

《微信公眾平臺(tái)JSSDK開(kāi)發(fā)實(shí)戰(zhàn)---公眾號(hào)與HTML 5混合模式揭秘》涵蓋了微信JSSDK的所有API介紹、示例代碼、案例實(shí)戰(zhàn)、技巧方法?！段⑿殴娖脚_(tái)JSSDK開(kāi)發(fā)實(shí)戰(zhàn)---公眾號(hào)與HTML 5混合模式揭秘》分為12章，第1~2章介紹不同類型微信公眾號(hào)的區(qū)別并開(kāi)始搭建JSSDK的開(kāi)發(fā)環(huán)境；第3~9章介紹微信開(kāi)放的所有API，并提供了最貼近現(xiàn)實(shí)的實(shí)例；第10~11章利用微信JSSDK結(jié)合HTML 5技術(shù)實(shí)現(xiàn)兩個(gè)大的項(xiàng)目應(yīng)用；最后一章介紹一些微信開(kāi)發(fā)的技巧。

目錄

第1章 認(rèn)識(shí)微信公眾平臺(tái) 1
1.1 微信公眾平臺(tái)賬號(hào)分類 1
1.1.1 訂閱號(hào) 2
1.1.2 服務(wù)號(hào) 2
1.1.3 企業(yè)號(hào) 4
1.2 微信公眾號(hào)申請(qǐng)流程 4
1.3 微信公眾號(hào)的認(rèn)證 9
1.4 公眾號(hào)設(shè)置 9
1.5 微信開(kāi)發(fā)者中心 10
1.5.1 開(kāi)發(fā)者中心的配置項(xiàng) 10
1.5.2 開(kāi)發(fā)者中心的接口報(bào)警 11
1.6 公眾號(hào)的安全中心 12
1.7 本章小結(jié) 12
第2章 搭建JSSDK開(kāi)發(fā)環(huán)境 13
2.1 先了解一下JSSDK 13
面向的對(duì)象 13
截止到2015年2月26號(hào)開(kāi)放的接口 13
接口統(tǒng)一說(shuō)明 14
JSSDK大致的部署過(guò)程 14
2.2 如何部署JSSDK 15
2.2.1 綁定域名 15
2.2.2 引入JS文件 16
2.2.3 通過(guò)wx.config接口驗(yàn)證JSSDK權(quán)限 16
2.3 JSSDK的主要功能參考列表 26
2.4 一些其他基礎(chǔ)入門(mén)必知的知識(shí)點(diǎn) 28
2.5 本章小結(jié) 29
第3章 JSSDK的基礎(chǔ)接口和分享接口 30
3.1 基礎(chǔ)接口的作用 30
3.1.1 任何開(kāi)發(fā)都要從基礎(chǔ)接口開(kāi)始 30
3.1.2 判斷當(dāng)前客戶端版本是否支持指定JS接口 32
3.2　分享接口的作用 36
3.2.1 分享接口有什么好處 36
3.2.2 獲取微信的分享接口 36
3.3 實(shí)例：微信分享一個(gè)網(wǎng)頁(yè)到朋友圈 38
3.4 常見(jiàn)問(wèn)題 46
第4章 JSSDK的圖像處理 47
4.1 認(rèn)識(shí)圖像接口 47
4.1.1 從安卓手機(jī)相冊(cè)中選圖 48
4.1.2 預(yù)覽圖片 52
4.1.3 上傳圖片 56
4.1.4 下載圖片 62
4.2 實(shí)例：從手機(jī)相冊(cè)中選照片然后分享 67
4.2.1 項(xiàng)目需求 67
4.2.2 需求分解 68
4.2.3 代碼實(shí)現(xiàn) 68
4.3 常見(jiàn)問(wèn)題 75
第5章 JSSDK的音頻處理 76
5.1 音頻接口 76
5.1.1 開(kāi)始錄音 77
5.1.2 停止錄音 79
5.1.3 監(jiān)聽(tīng)錄音自動(dòng)停止 82
5.1.4 播放語(yǔ)音 84
5.1.5 暫停播放 88
5.1.6 停止播放 93
5.1.7 監(jiān)聽(tīng)語(yǔ)音播放完畢 98
5.1.8 上傳語(yǔ)音 102
5.1.9 下載語(yǔ)音 107
5.2 常見(jiàn)問(wèn)題 112
第6章 JSSDK的界面操作 114
6.1 界面操作 114
6.1.1 隱藏右上角菜單 115
6.1.2 顯示右上角菜單 117
6.1.3 關(guān)閉當(dāng)前網(wǎng)頁(yè)窗口 120
6.1.4 批量隱藏功能按鈕 122
6.1.5 批量顯示功能按鈕 125
6.1.6 隱藏所有非基礎(chǔ)按鈕 128
6.1.7 顯示所有功能按鈕 130
6.2 常見(jiàn)問(wèn)題 132
第7章 JSSDK的地理位置 133
7.1 地理位置 133
7.1.1 獲取地理位置 134
7.1.2 使用微信內(nèi)置地圖查看位置 138
7.2 常見(jiàn)問(wèn)題 143
第8章 JSSDK的智能操作與設(shè)備信息 144
8.1 智能接口 144
8.1.1 創(chuàng)建智能接口的通用文件 144
8.1.2 識(shí)別音頻并返回識(shí)別結(jié)果 145
8.2 微信掃一掃 150
8.2.1 創(chuàng)建微信掃一掃功能的通用文件 150
8.2.2 調(diào)用微信掃一掃接口 150
8.3 設(shè)備信息 154
8.3.1 獲取網(wǎng)絡(luò)狀態(tài)接口 154
8.3.2 獲取網(wǎng)絡(luò)狀態(tài)接口 155
8.4 常見(jiàn)問(wèn)題 158
第9章 JSSDK的微信商店 159
9.1 微信小店 159
9.1.1 創(chuàng)建微信小店的通用文件 159
9.1.2 跳轉(zhuǎn)微信商品頁(yè) 160
9.2 微信卡券 162
9.2.1 批量添加卡券 163
9.2.2 調(diào)用適用于門(mén)店的卡券列表并獲取用戶選擇列表 166
9.2.3 查看微信卡包中的卡券 170
9.3 常見(jiàn)問(wèn)題 173
第10章 實(shí)戰(zhàn)案例1：中國(guó)好屌挑戰(zhàn)賽 174
10.1 案例概述 174
10.2 客戶需求 174
10.2.1 首頁(yè) 174
10.2.2 男生游戲的邏輯 176
10.2.3 女生游戲的邏輯 179
10.2.4 分享頁(yè)面 184
10.3 實(shí)現(xiàn)代碼及分析 185
10.3.1 首頁(yè)模塊 185
10.3.2 參加女生組模塊 201
10.3.3 參加男生組模塊 235
10.4 案例總結(jié) 252
第11章 實(shí)戰(zhàn)案例2：LBS服務(wù)獲取用戶位置 253
11.1 案例概述 253
11.2 實(shí)現(xiàn)代碼及分析 253
11.3 案例總結(jié) 261
第12章 微信JSSDK相關(guān)開(kāi)發(fā)技巧及問(wèn)題 262
12.1 判斷微信瀏覽器 262
12.2 微信瀏覽器不支持打開(kāi)App Store頁(yè)面 263
12.3 一些提示碼的問(wèn)題 265
12.3.1 提示碼：invalid url domain 265
12.3.2 提示碼：invalid signature 266
12.3.3 提示碼：the permission value is offline verifying 266
12.3.4 提示碼：permission denied 266
12.3.5 提示碼：function not exist 266
12.3.6 版本config問(wèn)題 267
12.3.7 在調(diào)用微信JSSDK選擇圖片后顯示模糊的問(wèn)題 267
附錄A JS-SDK使用權(quán)限簽名算法 268
附錄B 所有JS接口列表 271
附錄C 所有菜單項(xiàng)列表 281
附錄D 卡券擴(kuò)展字段及簽名生成算法 283