內容簡介

　　本書係統全麵地講解微信小程序的開發技術。開篇創建一個小程序項目並解析體驗，介紹如何由零開始創建一個小程序，全麵體驗小程序的開發工具、界麵、開發框架、實現過程及其主要代碼框架，瞭解小程序的應用場景及開發要求。接著介紹小程序開發基礎，包括小程序開發的語言與語法、函數方法、模塊、事件交互等。然後詳細介紹瞭組件的應用與開發，包括開發過程與組件應用技巧，還詳細分析瞭API接口，包括使用各個微信原生API接口進行小程序開發的技巧。後介紹瞭幾個小程序實戰案例，讓讀者實踐小程序各項能力的應用及掌握一些應用技巧。本書結構清晰，由淺入深，可幫助讀者快速掌握小程序項目的開發。

作者簡介

熊普江，現任騰訊微信架構師，負責公司業務資源規劃與技術架構評審等工作。自1997年涉足互聯網，曾服務美國Supreme、太平洋網絡、PPTV等技術與互聯網公司，任網絡營運總監、運維總監等職務，2012年加入騰訊。逾18年互聯網從業背景，擁有豐富的大型網絡架構規劃與建設，海量用戶平颱規劃與營運技術支撐，超大規模業務資源規劃與技術架構管理優化等經驗。

目錄

目　　錄
第2版前言
序一
序二
第1版前言
第1章　創建自己的第一個小程序 1
1.1　準備工作 1
1.1.1　成為微信公眾平颱開發者 1
1.1.2　獲取小程序AppID 4
1.1.3　安裝開發者工具包 4
1.2　創建第一個小程序——Hello WXapplet 6
1.3　微信Web開發者工具的操作與使用 7
1.3.1　界麵與操作 7
1.3.2　編輯功能 8
1.3.3　調試功能 10
1.3.4　項目功能 15
1.3.5　運行小程序 15
第2章　小程序初體驗 17
2.1　理解小程序 17
2.1.1　Hello WXapplet項目目錄及文件構成 18
2.1.2　Hello WXapplet項目的代碼實現 19
2.2　小程序的綫程架構與開發步驟 25
2.2.1　小程序綫程架構 25
2.2.2　小程序開發步驟 27
2.2.3　為Hello WXapplet添加新頁麵及示例代碼 27
2.3　進一步瞭解小程序開發框架 30
2.3.1　MINA框架 31
2.3.2　目錄結構 33
2.3.3　邏輯層 33
2.3.4　視圖層 33
2.3.5　數據層 34
2.4　小程序的發布與使用 35
2.4.1　小程序預覽、上傳、審核與發布 35
2.4.2　小程序加載運行 37
2.5　深入理解小程序的應用場景 38
2.5.1　小程序入口與界麵 38
2.5.2　小程序與HTML 5應用開發的差異 40
2.5.3　小程序的最佳應用場景 41
2.5.4　小程序對企業、開發者的意義與影響 42
2.5.5　開發者角色與技能要求 42
2.5.6　小程序的能與不能 43
第3章　小程序開發基礎 47
3.1　配置 47
3.1.1　全局配置~app.json 47
3.1.2　頁麵配置~page.json 52
3.2　邏輯層 53
3.2.1　注冊程序~App()方法 53
3.2.2　注冊頁麵~Page()方法 54
3.2.3　模塊及調用 61
3.2.4　微信原生API 62
3.3　視圖層 65
3.3.1　WXML詳解 65
3.3.2　WXSS詳解 81
3.3.3　框架組件 85
第4章　框架組件的開發應用 87
4.1　視圖容器組件 87
4.1.1　view 87
4.1.2　scroll-view 88
4.1.3　swiper 90
4.1.4　swiper-item 91
4.2　基礎內容組件 92
4.2.1　icon 92
4.2.2　text 93
4.2.3　progress 95
4.3　錶單組件 95
4.3.1　button 96
4.3.2　checkbox-group 98
4.3.3　checkbox 98
4.3.4　form 99
4.3.5　input 102
4.3.6　label 105
4.3.7　picker 108
4.3.8　picker-view 110
4.3.9　radio-group 112
4.3.10　slider 114
4.3.11　switch 115
4.3.12　textarea 117
4.4　互動操作組件 118
4.4.1　action-sheet 119
4.4.2　modal 120
4.4.3　toast 121
4.4.4　loading 123
4.5　頁麵導航組件 124
4.6　媒體組件 126
4.6.1　image 126
4.6.2　audio 131
4.6.3　video 133
4.7　地圖組件 136
4.8　畫布組件 139
4.9　WXML組件與HTML的差異 140
第5章　API接口的開發應用 142
5.1　網絡API 142
5.2　媒體API 148
5.2.1　圖片API 148
5.2.2　錄音API 150
5.2.3　音頻播放控製API 151
5.2.4　音樂播放控製API 154
5.2.5　視頻API 156
5.3　文件API 159
5.4　數據緩存API 162
5.5　位置API 166
5.6　設備信息API 169
5.7　界麵API 172
5.7.1　交互反饋API 173
5.7.2　頁麵導航API 175
5.7.3　動畫API 177
5.7.4　繪圖API 180
5.7.5　其他API 196
5.8　開放API 197
5.8.1　登錄API 197
5.8.2　用戶信息API 202
5.8.3　微信支付API 203
5.8.4　模闆消息API 204
5.8.5　客服消息API 209
5.8.6　分享API 218
5.8.7　獲取二維碼API 219
第6章　小程序開發綱要 220
6.1　界麵 220
6.2　網絡 222
6.3　本地數據及緩存 223
6.4　設備硬件 226
6.5　微信開放接口 227
6.6　媒體 228
6.7　後端開發與設計 231
第7章　小程序經典案例 232
7.1　文件上傳與下載——小相冊 232
7.1.1　功能詳解 232
7.1.2　程序結構 232
7.1.3　程序細化 235
7.1.4　程序體驗 245
7.2　流媒體轉碼與播放——視頻點播 249
7.2.1　功能詳解 249
7.2.2　程序目錄結構 249
7.2.3　程序細化 250
7.3　互動——高冷機器人 253
7.3.1　功能詳解 253
7.3.2　程序目錄結構 253
7.3.3　程序細化 253
7.4　LBS應用——周邊信息點 257
7.4.1　功能詳解 257
7.4.2　程序結構 257
7.4.3　程序細化 260
7.5　WebSocket高級應用——遠程控製設備 267
7.5.1　應用場景 267
7.5.2　開發實現 267
7.5.3　案例總結 271
7.6　掃碼應用——微投票 271
7.6.1　功能詳解 272
7.6.2　程序結構 272
7.6.3　程序細化 272
第8章　小程序優化與演進 290
8.1　為什麼選擇小程序，而不是公眾號或App 290
8.2　未來演進方嚮探討 290
8.3　小程序持續優化方法 291
附錄A　微信小程序平颱運營規範 298
附錄B　微信小程序平颱常見拒絕情形 308
附錄C　溝通聯絡方法 313

前言/序言

　　第1版前言隨著移動互聯網的興起，互聯網作為一種信息技術在傳統社會與傳統工業中發揮的作用越來越強大，互聯網與整個社會運作正在加速深度融閤。“互聯網+”的趨勢顯而易見，政府、社會組織、企業以及個人，都對移動互聯網時代的融閤或轉型充滿期待而又心懷忐忑：移動化的場景如何結閤？是否有足夠的移動應用開發能力？即便場景與能力都滿足，是否能應對獲取用戶成本、打開頻率等移動互聯網運營的巨大挑戰？好在我們有微信！這是一款為移動時代而生，讓世界互聯網震驚的中國創新應用。經過5年多的發展，微信已有超過8億月活用戶且仍在不斷進化與演進，是移動時代當之無愧的超級App王。更加幸運的是，騰訊的微信團隊源源不斷地將微信的能力開放齣來，為我們提供瞭融閤與轉型的超強連接力。

　　2016年1月在廣州舉辦的微信公開課上，“微信之父”張小龍在他演講的最後一部分，宣布將推齣“應用號”。小龍提到：“我自己當瞭多年程序員，我覺得我們應該為開發團體做一些事情。”至於“應用號”的樣子，小龍當時的大概錶述是“類似於公眾號，但比公眾號更便捷、更好找，有更容易使用的形態”。這就是微信小程序的由來。

　　曆時8個多月，在2016年9月21日，微信小程序公布開啓“內測”。隨即這個內測消息便刷爆瞭朋友圈，我在接下來的數天內便接到不下30個“求內測邀請碼”需求留言，小程序火爆程度可見一斑。由於微信團隊首批僅開放瞭200個內測號，物以稀為貴，網絡上不久就有傳言：轉讓某個帶小程序功能的微信號，賬號有30.7萬女粉絲，起拍價300萬。

　　2016年11月3日，小程序正式開放公測。我再次在朋友圈刷屏中體驗到瞭“小程序”的火爆，感受到瞭開發者、企業以及市場對微信小程序的好奇、疑惑，同時也感受到大傢在移動浪潮中擁抱變化的期待。

　　微信官方頁麵指齣：“小程序可以在微信內便捷地獲取和傳播，同時具有齣色的使用體驗。”張小龍在小程序內測首發當天，也在朋友圈給齣瞭解釋：小程序是一種不需要下載安裝即可使用的應用，它實現瞭應用“觸手可及”的夢想，用戶掃一掃或者搜一下即可打開。這也體現瞭“用完即走”的理念，用戶無須擔心安裝應用過多的問題。應用將無處不在，隨時可用，但又無須安裝卸載。

　　移動互聯網時代的微信應用不可或缺，微信小程序切閤瞭時代需要，毫無疑問會成為政府、組織機構、企業以及開發者必爭的互聯網應用場景。微信小程序必將再一次擴展微信強大的“連接力”，幫助我們解決現有服務痛點，或者發掘、衍生齣新的商業模式，幫助行業、企業以及政府機構改善服務或實現“互聯網+”轉型。

　　感謝微信團隊，為我們帶來微信小程序這個新生事物。絕大部分場景下，不用單獨開發App的時代來臨瞭。那麼如何開發小程序？如何將現有的服務或場景與小程序結閤？由於小程序是新生事物，基本上多數人都無經驗可言。與小龍一樣，我覺得此時有必要為所有對小程序感興趣、有期待的朋友，提供一些有關小程序開發的指南，這是一件非常有意義的事情。

　　由於我在工作上與微信團隊聯係緊密，溝通頻繁，有近水樓颱優勢；而且對騰訊業務有相對全麵的瞭解，熟悉豐富的應用場景，學習瞭大量小程序項目案例。

　　自小程序內測開啓以來，我們更是夜以繼日，同步研讀與理解微信團隊的文檔，梳理開發邏輯，測試各個場景案例，希望盡早奉獻給大傢一本從入門到精通的小程序開發大全。

　　我們嘗試通過本書將我們的先發優勢發揮齣來。由小程序的框架、語法、函數及API開始，結閤豐富實用的案例，幫助大傢熟練掌握小程序的開發與應用，並探討小程序的適用範圍以及未來優化演進的方嚮。

　　本書讀者對象包括：

　　前端開發工程師微信應用開發者移動開發愛好者計算機相關專業的學生如何閱讀這本書作為“開放連接體係”的一環，微信團隊為小程序提供連接標準與規範，最大限度地降低瞭開發門檻，但開發小程序還是需要一定的“專業開發能力”與程序開發的理解力。

　　微信小程序的開發是基於框架的。因此，開發者首先要理解“框架”（framework）的概念。

　　從軟件設計角度，框架是一個可復用的軟件架構解決方案。框架規定瞭應用的體係結構，闡明軟件體係結構中各層次間及其層次內部各組件間的依賴關係、責任分配和控製流程，框架錶現為一組接口、抽象類以及實例間協作的方法。

　　框架一般是成熟、穩健的，可以處理係統中很多的細節問題，比如，事物處理、安全性、數據流控製等問題。框架一般都為多人所用，所以結構很好，擴展性也很好，而且它是不斷升級的，可以直接享受彆人升級代碼帶來的好處。

　　顯然，框架極大地方便瞭開發者，減少瞭開發代碼量並提升瞭代碼質量。

　　微信團隊為小程序提供的開發框架為MINA框架，它類似於淘寶Weex、Vue框架。MINA框架經過大量底層的優化設計，有著接近原生App的運行速度，對Android端和iOS端做到瞭高度一緻的呈現，具有完備的開發和調試工具。

　　微信團隊為小程序的開發者提供瞭包含UI界麵、社交與支付、語音、多媒體、LBS服務、手機硬件、網絡傳輸等基礎能力。功能豐富且實用，可以覆蓋絕大部分移動應用的場景需求。

公司新項目需要開發成小程序，買這本書參考用的。

正需要這方麵的書，很好，很實用，速度很快，寫錯瞭收貨地址，客服也很好的解決瞭，謝謝！

已經使用一段時間未見問題

體驗下來的感覺是這本書隻是讓你入門快，適閤快速用2天時間通讀全書，開發時需要用哪個功能時心裏有數，可以從書裏現查某個控件的使用方法，但書裏隻是基本和簡單的使用方法，涉及到具體或者特殊需求和效果，還得從網上找或自己研究。

好書，買後還沒看，相信不會讓我失望

好好學習天天嚮上……苦逼的我要自己研發瞭

有點小貴，書還差不多。

案例程序略微簡單粗糙，但也學習瞭一點

書是新的，還沒看，現在小程序挺熱門的，拿來學習學習，