微信小程序是一種新的App替代品，其定位是在微信公眾號的生態鏈中，使用微信本身作為應用平臺，無須更新和下載，開箱即用。本書由淺入深、循序漸進，使零基礎的讀者能夠熟練掌握使用微信開發小程序應用。
本書分為8章，第1~2章是關于小程序的應用場景和小程序本身的介紹，包括小程序涉及的技術和IDE開發環境的使用。第3章是HTML 5、CSS 3、JavaScript的語法介紹，然后引申出小程序使用的WXSS、WXML、JavaScript的相關語法。第4章是小程序開發組件的介紹，每個組件都配備了上手示例，幫助讀者加深印象。第5章是一個完整的小程序項目的開發步驟。第6章是調用微信API的介紹，對常見API提供了示例編碼和分析。第7章是一個完整的項目，包括前、后端，通過項目實戰讓讀者上手真正的小程序開發。第8章是對小程序新API（藍牙、卡券）等的補充。
本書內容精練、重點突出、實例豐富，是面向廣大程序員的編程入門參考書，也是學習小程序開發入門的較佳實踐，同時也非常適合大中專院校師生自學，從而掌握新技術，拓寬知識體系。
★從易到難、循序漸進，更輕松地掌握微信小程序開發的各種知識。
★廣泛涉及、重點突出，更全面系統地學習小程序開發的各種方法。
★理論結合實踐，更深入地理解小程序的控件和API的使用方法。
★案例講解使用工程化思想，真正掌握小程序系統開發的精髓。
前 言
★對于商家來說：
App打開率越來越低！
App開發成本越來越高！
App部署難度越來越大！
App上線周期越來越長！
★對于用戶來說：
手機存儲空間越來越不夠用！
App越來越用不著！
垃圾通知越來越多！
安全性越來越差！
★★這一切，用小程序都能解決！
微信小程序通過極低的開發成本，大量簡化了相關的開發操作和應用信息獲取，結合HTML 5和微信的API，幾乎能開發出類似App的大多數功能！
迄今為止，已經有大量的應用接入微信小程序端，并迅速攫取了大量的用戶，部分應用的使用體驗甚至要高于應用本身App的體驗。通過微信小程序提供的API，可以方便地實現對手機信息、照片信息及其他媒體信息的獲取和操作，而其推送和使用微信賬號的登錄效果遠遠方便于原生應用使用第三方插件的體驗效果。
對于初學者而言，這是一次技術革新的機會，你可能是開發小白，可能只是一個大學生，可能面對各種移動開發無從選擇。本書幫你零基礎走進微信小程序開發。作者結合自己多年的后端項目開發和培訓經驗寫作了本書，全面地介紹了微信小程序開發基礎、微信小程序通用API、HTML 5與WXML、CSS 3與WXSS、JavaScript等技術，并通過完整的實例介紹了微信小程序開發的步驟和基本架構。
★小程序能做什么
大多數內容發布類App都可以被小程序所代替，因為微信小程序是一種輕度的云端應用。目前來看，小程序主要應用范圍如下：
目前已經有很多常用的App都開發出了自己的小程序（如下圖所示），這樣我們就不用再下載這些應用，直接在微信里打開或搜索這些小程序即可。 本書對讀者的幫助本書是針對小程序開發的完全零基礎入門讀物，所以本書包括了小程序的基礎、微信API的基礎、網頁開發（HTML 5 CSS 3 JavaScript）的基礎，還有完整工程化的項目案例，本書的知識體系如下圖所示：
★本書的特點
1．重點突出全書共分8章，采用從易到難、循序漸進的方式進行講解。內容涉及了微信小程序從開發到實際項目實踐的全過程。
2．涉及廣泛由于程序是相對網頁開發的一種技術，為了方便讀者學習，本書首先讓讀者了解HTML、CSS、JavaScript等Web基礎開發技術，并掌握小程序的開發環境和工具。讀者在掌握開發環境和工具的基礎上，逐漸學習微信小程序特有標簽和API，掌握小程序的系統構建。讀者可以邊學習邊實踐，更快掌握微信小程序開發的各種知識。
3．重點實踐書中每個API和控件都有練習實例，并且包含了完整的代碼。例程都采用了分步驟實現方法，這樣讀者可以很清晰地知道每個技術的具體實現步驟，從而提高學習效率。
4．理論和實踐相互結合由于小程序本身相關技術較多，即使讀者理解其控件和API對于如何開發一個小程序可能也無從下手。本書通過傳統講解的方式并結合每一個實例，幫助讀者解決這個問題。通過對具體項目的實踐，讀者可以對這幾種技術及其相互結合有更深入的理解。
5．工程化思想本書對于案例的講解，并非傳統的只講述代碼部分，而是采用工程化的思路，從項目需求開始進行分析、系統設計、原型圖設計，再到具體的編碼部分。
本書采用一個從零開始的案例，對系統做整體分析，讓讀者先對小程序系統有整體把握，然后通過對開發過程以及知識點的詳細講解，使讀者真正掌握系統開發的精髓。
★本書的內容安排本書一共8章，章節規劃如下所示。
第1~2章是微信小程序的概述。講述了微信小程序的基礎，包括對于小程序的介紹和開發環境的搭建，以及第一個基礎的小程序演示等。
第3章是Web開發基礎知識。講述了Web靜態開發的HTML 5、CSS 3、JavaScript等知識，并且將其與微信WXSS、WXML做了相關的綜述對比。
第4章和第6章是微信小程序標簽與API。講述了微信小程序開發中的WXML標簽和微信小程序為開發者提供的API，并且對于每一個知識點進行了介紹和實例分析。
第5章和第7章是兩個完整的項目實踐。通過實踐開發兩個具有典型代表性的微信小程序應用程序，從零開始，并提供詳細開發步驟，介紹了微信小程序應用程序的開發過程，通過對整個流程的介紹，既復習了前面學習的知識，也了解了項目實踐的流程和技巧。
第8章補充了微信在2017年3月最新開發的一些API，包括藍牙、卡券、收貨地址等，由于微信開發對ES 6的支持，本章也簡單介紹了ES 6語法的變化。
本書由淺入深，由理論到實踐，尤其適合初級讀者逐步學習和完善自己的知識結構。適合閱讀本書的讀者? 希望做微信小程序開發的人員。? Web網頁開發人員。? 微信開發人員。? 微信公眾號管理人員。? 想將原生App制作為微信小程序的人員。? 想降低App開發成本的初創企業。? 大中專院校的學生。致謝參與本書編寫的還有謝郁、楊艷玲、趙毅峰、劉寧、劉海琛、劉軼、姜永艷、李玉莉、楊超、林江閩、薛淑英、趙東、陳宇、陳超，在此一并表示感謝。
★張帆
巨人網絡（上海）公司網頁開發工程師。喜歡在博客、GitHub和簡書上持續分享各種開發技術和編程實例，有著豐富的項目經驗，喜歡新興技術和*開發方式，喜歡JavaScript系的React.js、vue.js等技術。精通網頁后臺開發、相關的項目管理精通網頁后臺開發、相關的項目管理等。
★陳思含
廈門衛星定位應用股份有限公司（廈門）開發工程師。從事于交通領域大數據的處理以及B/S相關系統的開發，精通Java領域的相關開發，精通JavaScript、CSS、HTML等小程序相關的技術，并且有長期開發以及運營微信公眾號的經驗。
1 微信小程序開發 1
1.1 初識微信小程序開發 1
1.1.1 什么是微信公眾號 1
1.1.2 什么是微信小程序 3
1.1.3 微信小程序的應用領域 4
1.1.4 怎樣學好微信小程序 5
1.1.5 微信小程序的前景 6
1.2 小程序開發需要的技術 8
1.2.1 JavaScript技術 8
1.2.2 CSS技術 9
1.2.3 HTML（XML）技術 10
1.3 小程序開發所使用的技術 11
1.3.1 開發文件結構 12
1.3.2 配置程序 12
1.3.3 邏輯層 16
1.3.4 WXML 20
1.3.5 WXSS 25
1.4 搭建小程序開發環境 27
1.4.1 IDE下載 27
1.4.2 Windows系統的IDE安裝 29
1.5 上手實踐：第一個Hello WX程序 31
1.6 小程序新能力 34
1.6.1 個人開發者申請小程序 35
1.6.2 小程序的基本信息管理 37
1.6.3 已有公眾號綁定小程序 40
1.6.4 小程序的分享和跳轉新模式 41
1.7 小結 43
1.8 實踐與練習 43
2 熟悉小程序開發工具 44
2.1 熟悉微信開發者工具 44
2.1.1 微信開發IDE簡介 44
2.1.2 IDE調試窗口 45
2.1.3 小程序的測試與重啟 49
2.1.4 小程序的調試 50
2.1.5 小程序的控制臺 53
2.1.6 IDE項目窗口 55
2.1.7 項目的關閉與新建 56
2.1.8 IDE項目編輯窗口 57
2.2 小結 59
2.3 實踐與練習 59
3 小程序開發基礎 60
3.1 HTML入門 60
3.1.1 HTML簡介 60
3.1.2 HTML的用途與結構 61
3.2 HTML基礎 62
3.2.1 HTML語法基礎 62
3.2.2 HTML元素 63
3.2.3 HTML屬性 77
3.2.4 WXML與HTML 78
3.3 CSS入門 79
3.4 CSS基礎 79
3.4.1 CSS基礎語法 80
3.4.2 CSS樣式 82
3.4.3 CSS框模型 95
3.4.4 CSS定位 101
3.4.5 CSS與WXSS 106
3.5 JavaScript入門 106
3.5.1 JavaScript簡介 106
3.5.2 JavaScript前景 107
3.6 JavaScript基礎 108
3.6.1 JavaScript注釋 108
3.6.2 JavaScript變量 108
3.6.3 JavaScript數據類型 112
3.6.4 JavaScript對象 118
3.6.5 JavaScript函數 122
3.6.6 JavaScript運算符 127
3.6.7 JavaScript邏輯控制語句 128
3.7 小結 142
3.8 實踐與練習 143
4 小程序開發組件 144
4.1 視圖組件 144
4.1.1 視圖容器（view）組件 144
4.1.2 可滾動視圖區域（scroll-view） 147
4.1.3 滑動界面（swiper） 147
4.2 基礎內容 149
4.2.1 小圖標（icon） 149
4.2.2 文本組件（text） 150
4.2.3 進度條組件（progress） 152
4.3 表單組件 153
4.3.1 按鈕組件（button） 153
4.3.2 多選擇框（checkbox） 156
4.3.3 表單form 159
4.3.4 輸入框組件（input） 160
4.3.5 label元素 163
4.3.6 滾動選擇器picker 163
4.3.7 單選控制器（radio） 166
4.3.8 滑動選擇器（slider） 168
4.3.9 開關選擇器（switch） 170
4.3.10 文本框控件（textarea） 172
4.4 導航 174
4.5 媒體組件 176
4.5.1 音頻組件（audio） 177
4.5.2 上手實踐：音樂播放器 177
4.5.3 圖片控件（image） 180
4.5.4 上手實踐：相冊 180
4.5.5 視頻控件（video） 184
4.5.6 上手實踐：帶彈幕的視頻播放器 184
4.6 地圖 187
4.6.1 地圖 187
4.6.2 上手實踐：微信中的騰訊地圖定位 188
4.7 畫布 189
4.7.1 畫布控件（canvas） 190
4.7.2 上手實踐：使用canvas實現畫布的繪制 190
4.8 小結 192
4.9 實踐與練習 192
5 項目實戰1——日記本 193
5.1 需求分析 193
5.1.1 需求確定 193
5.1.2 功能確定 194
5.1.3 系統設計 194
5.1.4 原型設計 197
5.2 具體編碼 199
5.2.1 項目初始化 199
5.2.2 測試環境搭建 201
5.2.3 用戶系統編碼 203
5.2.4 日記系統編碼 218
5.3 小結 233
5.4 實踐與練習 235
6 微信提供的API解析 236
6.1 網絡 236
6.1.1 發起請求 236
6.1.2 上傳與下載 238
6.1.3 WebSocket 240
6.2 媒體 243
6.2.1 圖片 243
6.2.2 錄音 245
6.2.3 語音控制 246
6.2.4 音樂控制 248
6.2.5 視頻控制 252
6.2.6 上手實踐：獲取本地視頻和播放控制 254
6.3 文件 256
6.4 數據緩存 260
6.5 位置 264
6.5.1 獲取位置 264
6.5.2 查看位置 265
6.5.3 地圖組件控制 266
6.5.4 上手實踐：地圖控制和查看 267
6.6 設備 269
6.6.1 系統信息 269
6.6.2 網絡狀態 271
6.6.3 重力感應 271
6.6.4 羅盤 272
6.6.5 撥打電話 272
6.6.6 掃碼 272
6.6.7 上手實踐：獲取所有手機信息和網絡狀態 273
6.7 界面 274
6.7.1 交互反饋 274
6.7.2 設置導航條 277
6.7.3 導航 278
6.7.4 動畫 280
6.7.5 下拉刷新 284
6.7.6 上手實踐：帶有控制的動畫 285
6.8 繪圖 287
6.8.1 在canvas上畫圖 289
6.8.2 canvas坐標系 290
6.8.3 漸變 291
6.8.4 上手實踐：使用canvas繪制笑臉 294
6.9 開放接口 296
6.9.1 登錄 296
6.9.2 用戶信息 301
6.9.3 微信支付 302
6.9.4 模板消息 303
6.9.5 客服消息 307
6.9.6 分享 315
6.9.7 獲取二維碼 316
6.10 小結 316
6.11 實踐與練習 317
7 項目實戰2——在線閱讀 318
7.1 項目準備工作 318
7.1.1 項目需求分析 318
7.1.2 項目系統設計 319
7.1.3 設計1：用戶模塊 319
7.1.4 設計2：小說閱讀模塊 321
7.1.5 項目使用到的技術 321
7.2 項目服務器端編碼 322
7.2.1 服務器端介紹 322
7.2.2 Laravel框架的安裝與配置 322
7.2.3 服務器功能路由劃分 324
7.2.4 服務器數據庫搭建 325
7.2.5 服務器的配置 327
7.2.6 服務器的項目結構 328
7.2.7 服務器端登錄頁面的代碼實現 328
7.2.8 服務器端管理主頁的代碼實現 330
7.2.9 服務器端管理用戶的代碼實現 332
7.2.10 小程序的接口文檔 332
7.2.11 后臺管理頁面搭建 339
7.2.12 服務器端的測試 347
7.3 項目微信小程序端編碼 352
7.3.1 微信小程序頁面設計 353
7.3.2 搭建微信小程序項目 353
7.3.3 微信小程序“首頁”菜單的代碼實現 355
7.3.4 微信小程序“用戶歷史”菜單的代碼實現 357
7.3.5 微信小程序“用戶注冊”頁面的代碼實現 361
7.3.6 微信小程序“小說閱讀”頁面的代碼實現 367
7.4 小結 371
7.5 實踐與練習 371
8 小程序新增API 372
8.1 藍牙API 372
8.1.1 獲取藍牙適配器 372
8.1.2 關閉藍牙模塊 374
8.1.3 獲取本機藍牙狀態 375
8.1.4 搜索藍牙設備 377
8.1.5 上手實踐：藍牙管理器 386
8.2 其他新增API 389
8.2.1 獲取收貨地址 390
8.2.2 打開小程序設置界面 391
8.2.3 操作剪貼板 392
8.2.4 支持微信卡券 393
8.2.5 監聽網絡變化 395
8.3 ES 6的支持 396
8.4 小結 398
8.5 實踐與練習 398
1.1.4 怎樣學好微信小程序
微信小程序雖然已經正式發布，但是版本還處于一個不穩定的環境下，所以較Java、C 這樣成熟的技術而言可能會變動較大。所以，要學好這樣一門新技術，可能需要下面的一些能力：
1．基本的技術基礎
（1）JavaScript（簡稱JS）基礎。微信小程序基于JS，并且支持原生JS進行邏輯開發，所以有一定的JS基礎是非常重要的。
（2）CSS基礎。雖然用于布局樣式的WXSS并不是單純的CSS，但是也是基于CSS技術的一種封裝，所以有一定的CSS基礎對于學習WXSS也是必要的。
（3）HTML（XML）基礎。用于布局的WXML同樣也是對于HTML（XML）的一種封裝應用，所以HTML基礎對于學習也是有一定意義的。
2．基本的編程思維
（1）熟悉基本的編程思想，擁有寫網頁或者是App的思維模式。
（2）擁有不錯的邏輯思維能力，明確需求達到的目標。
3．解決問題的能力
（1）熟練應用Google、Baidu等搜索引擎，找到相應的解決辦法。
（2）學會使用GitHub、StackOverflow等社區找到解決方案。
4．自學能力
能夠不斷自主學習相應的知識和計算機的最新技術，這也是在編程學習中最重要的一點。其實小程序的開發還是很簡單和便捷的，但是這并不意味著它是一個簡單的程序，騰訊將服務和接口打包開放給了開發者，這使得開發人員的工作和難度大大減少了，但是正如任何一個入門簡單的行業和技術一樣，學習曲線都是冗長的。所以想要實現在一個技術行業的不斷成長，總結和學習是非常重要的。
注意：本書不會太多地涉及JS、HTML等技術，只是一個粗淺的學習過程，并不是從原理開始講起，只會涉及一些簡單的、我們需要使用的技術。剩下的需要讀者不斷地自主學習。
新書資訊