第1章 概論 1
1.1 認識微信小程序 1
1.2 微信小程序官方文檔 2
1.3 下載微信小程序開發工具 3
1.4 使用微信小程序開發工具 4
1.5 授權微信小程序開發者 8
1.6 微信小程序開發工具特別關注點 9
1.6.1 真機調試功能 9
1.6.2 清除緩存功能 11
1.6.3 上傳微信小程序 12
1.6.4 微信小程序體驗版 13
1.6.5 “詳情”功能 15
第2章 小程序基礎知識 18
2.1 微信小程序開發與網頁開發的區別 18
2.2 微信小程序的組成 18
2.2.1 JSON配置文件 18
2.2.2 視圖層 23
2.2.3 邏輯層 24
2.3 程序與頁面 25
第3章 小程序框架 28
3.1 新建項目 28
3.2 程序清單 28
3.2.1 app.js 28
3.2.2 app.json 29
3.2.3 index.js 29
3.3 響應式數據綁定 30
3.4 邏輯層 32
3.4.1 App方法 32
3.4.2 Page方法 34
3.4.3 getApp方法 37
3.4.4 getCurrentPages方法 37
3.4.5 模塊 37
3.5 視圖層 39
3.5.1 WXML 39
3.5.2 條件渲染 43
3.5.3 模板 43
3.5.4 WXSS 46
3.5.5 內聯樣式 47
3.5.6 選擇器 48
3.6 事件 49
3.6.1 簡單事件 49
3.6.2 事件參數 50
3.6.3 事件傳參 51
3.6.4 事件綁定 52
3.6.5 事件冒泡 56
3.6.6 互斥事件 60
3.6.7 事件的捕獲階段 63
3.6.8 事件對像 66
3.6.9 target與currentTarget 68
第4章 小程序組件 72
4.1 概述 72
4.2 視圖容器組件 73
4.2.1 scroll-view組件 73
4.2.2 share-element與page-container組件 76
4.2.3 swiper與swiper-item組件 79
4.2.4 view組件 81
4.3 基礎內容組件 82
4.3.1 icon組件 83
4.3.2 progress組件 85
4.3.3 rich-text組件 86
4.3.4 text組件 89
4.4 表單組件 92
4.4.1 form組件 93
4.4.2 input組件 96
4.4.3 textarea組件 98
4.4.4 checkbox組件 100
4.4.5 switch組件 102
4.4.6 radio組件 103
4.4.7 keyboard-accessory組件 104
4.4.8 label組件 105
4.4.9 slider組件 106
4.5 導航組件 108
4.6 媒體組件 112
4.6.1 audio組件 112
4.6.2 camera組件 117
4.6.3 image組件 119
4.6.4 video組件 122
4.7 地圖組件 127
第5章 小程序自定義組件 131
5.1 創建自定義組件 131
5.2 引用頁面 136
5.3 程序解讀 138
5.3.1 引用自定義組件 139
5.3.2 slot 139
5.3.3 自定義組件樣式 141
5.3.4 自定義組件事件 141
第6章 小程序API 143
6.1 基礎API 143
6.1.1 boolean wx.canIUse(string schema) 143
6.1.2 Object wx.getSystemInfoSync() 143
6.1.3 更新微信小程序版本 145
6.1.4 更新微信版本 148
6.2 網絡API 149
6.2.1 wx.request 149
6.2.2 wx.uploadFile 156
6.2.3 wx.downloadFile 160
6.2.4 WebSocket 162
6.3 數據API 168
6.4 位置API 174
6.5 設備API 178
第7章 小程序支付 182
7.1 微信小程序支付相關知識點 182
7.2 開發步驟 182
7.2.1 獲取openid 183
7.2.2 調用“統一下單API”獲取prepay_id 190
7.2.3 再次簽名 193
7.2.4 調用微信支付功能 195
7.3 程序清單 196
7.3.1 服務端 196
7.3.2 小程序端 202
第8章 小程序商城 204
8.1 項目概述 204
8.2 數據庫設計 205
8.3 “商品列表展示”頁面 207
8.4 “商品詳情展示”頁面 221
8.5 tabBar 235
8.6 “購物車”頁面 237
8.7 獲取openid 245
8.8 程序清單 245
8.8.1 小程序端 245
8.8.2 服務端 259
8.8.3 數據庫 266
第9章 小程序客服 270
9.1 網頁版小程序客服 270
9.2 移動端小程序客服 273
9.3 調用客服消息接口發送消息 275
9.4 消息轉發給客服人員 279
9.5 消息轉發給指定客服人員 279
9.6 發送客服消息 281

微信小程序是微信生態環境下的一個技術解決方案，其主要優勢在於“依附但不依賴於微信”。微信小程序可以獨立成為一個移動端的應用程序，亦可以與企業微信、微信公眾號等相關聯。
本書從零基礎開始，繫統地講解了與微信小程序開發相關的知識點。全書按照微信小程序學習的技術路線設計章節結構，先介紹微信小程序框架，然後講解微信小程序組件與API，最後講解微信小程序支付、小程序商城和小程序客服，使讀者真正弄懂微信小程序的開發原理、使用場景和程序架構方案，並能融會貫通。
本書在進行知識講解時，力求簡單、高效、繫統。
簡單：本書力爭使用簡潔、準確、明快的語言，一語中的地講解枯燥、抽像的知識點，以降低讀者的學習門檻。
高效：本書在講解相關知識點時，直接給出“最小程序集合”，針對某一知識點單獨建立項目、單獨講解，以帶領讀者聚焦知識點，降低學習成本。
繫統：本書編排上結合官方文獻資料，重新梳理、調整官方文檔，最大限度地降低讀者閱讀文檔的障礙，盡量避免讀者由於不了解“上下文語意”造成的困擾。
讀者既可以將本書作為繫統學習微信領域知識的教材，也可以將本書作為工具手冊，遇到問題時如同查字典一般檢索相關知識點。
注意，小程序支付、小程序商城、小程序客服等實際項目中必要的功能需求點，屬於微信小程序開發高級階段的知識，建議讀者在學習完微信小程序基礎知識後再繫統學習。
掃描圖書封底的“文泉雲盤”二維碼，讀者可下載書中案例的源代碼、教學PPT課件，並觀看對應的教學微課。讀者學習過程中遇到疑難問題，也可以關注筆者的微信，進行交流溝通。
為了方便讀者繫統地了解整個微信技術生態，除本書之外，筆者還將編寫《企業微信開發詳解》《移動支付開發實戰》等書，力爭打造一套完善的微信技術解決方案教程。