小程序到底是什麼？
顧名思義，「小程序」本質上與我們平常經常使用的 App 和操作系統一樣，都是一段電腦程序。你可以將小程序理解爲「運行在微信上的 app」。
與普通的 App 不同的是，小程序的語言使用網頁前端的技術棧，並且使用 JavaScript 運行環境，相當於是一個瀏覽器。
但是，小程序也並非是單純的 HTML5。與普通的 HTML5 不同的是，小程序具有高級的硬件處理接口（例如藍牙、重力感應等），同時運行環境也更接近原生應用，效率更高。
正因體積小，小程序纔可以做到「即開即用」——對於用戶感知來說，小程序幾乎是點擊後等待一兩秒，就可以使用，就像是打開網頁鏈接一樣，使用後，用戶甚至不需要額外管理小程序。
除了使用層面本身的良好體驗，由因爲小程序是直接集成於微信中的，所以它還可以配合微信完成傳統 App 和 HTML 5 無法達成的功能。
例如，分享卡片可以攜帶相應微信羣信息，當用戶從微信羣進入小程序，開發者可以瞭解到用戶從哪一個羣進入小程序。
小程序是如何發展起來的？
在 2016 年 9 月，有部分開發者收到了微信的邀請，嘗試新的「小程序」平臺，引發大量關注。
在此前，張小龍曾在公開場合宣佈，微信將會推出「應用號」平臺。外界普遍猜測，「小程序」即此前張小龍所提到的「應用號」。
直到 2016 年 11 月，小程序平臺宣佈公測，所有符合資格的組織都可以註冊小程序帳戶。此次公測正式引爆公衆對小程序的熱情，許多企業連夜註冊小程序帳戶，希望可以儘快嘗試這個新平臺。
2017 年 1 月 9 日，小程序正式開放使用。截止今日，市面上已有不計其數的微信小程序。微信用戶也已經逐漸習慣使用小程序，小程序變爲他們的「微信生活」中，不可或缺的一部分。
一、小程序有什麼特點？
在前面，我們提到：小程序既不是網頁，也不是 App，它是一種融合了網頁和 App 兩者特點的新應用形態。
相比較於 App 和網頁，小程序具體擁有以下特點：
- 隨時加載，隨時使用
- 擁有強大接口和能力
- 易學、易開發
二、瞭解小程序開發語言
今天的教程，我們將不討論有關小程序開發的具體內容，我們將會爲大家帶來更基礎的一些東西，幫助大家在未來快速上手開發小程序。
1. 視圖描述語言
你在小程序中看到的文字、圖片、按鈕等，都被稱做「視覺組件」。
在小程序中，想要控制這些視覺組件，我們需要使用到 WXML、WXSS 兩種語言。如果你不瞭解它們，你可能會認爲「微信創造了新的編程語言」。
但實際上，WXML 和 WXSS 都是從以往就有的語言演變的。
1） WXML
WXML 的全稱是微信標記語言（WeiXin Marked Language），從名字中我們就知道，它其實是由 XML 和 HTML 演變而來的。
WXML 的作用是描述小程序頁面中應該有什麼視覺元素。它的語法並不複雜。最簡單的 WXML 代碼如下所示：
<text>Hello World</text>
它的意義是，在小程序頁面中顯示 Hello World 的文字（text）。
2） WXSS
WXSS 的全稱是微信樣式表（WeiXin Style Sheet），它的?語法與 CSS 沒有什麼區別。
它的作用是，定義頁面中的元素的樣式是怎樣的。?例如：
text{
color: red;
}
它的意思是，將 WXML 中
3） WXML 與 WXSS 協同使用
將 WXML 和 WXSS 放在一起用，我們就可以自由控制小程序中的視覺元素展示方式、樣式了。
如果你有一組元素需要使用同樣的樣式，或是有一個特定的元素需要使用某個格式，那麼你可以使用類（Class）和 ID 特性。
使用類，你可以針對一組同類視覺元素，修改樣式。例如，我們希望將小程序中的所有用戶名都顯示爲紅色，我們可以這樣寫：
<!-- WXML -->
<text>知曉程序</text>
/* WXSS */
.username{
color: red;
}
2. 邏輯語言
通過視圖層，用戶就可以與小程序產生交互。但小程序的邏輯處理（包括網絡數據交互、運算、邏輯判斷等），都需要用 JavaScript（JS）語言寫成的代碼完成。
我們先從頁面邏輯入手，編寫簡單的 Hello World 程序來接觸 JS 代碼。
Page({
onLaunch(){
console.log('Hello World!')
}
})
運行它，我們就可以在控制檯中看到結果了。
只需簡單幾行代碼，就是一個完整的小程序 JS 程序。調用 JS 函數很簡單，只需要寫函數的名字，並在後面括號中附帶參數，就可以調用。
函數名(參數 1, 參數 2, …)
有關於小程序開發的三種語言 WXML、WXSS 和 JS 的簡單介紹到這裏。
請注意，本篇只是對這些語言語法的基礎講解。雖然本教程會在未來的課程中教授更深層次的內容，但同時我們也建議，沒有前端開發基礎的同學，可以先去學習一些基礎的前端開發。
開發前準備
工欲善其事，必先利其器。在正式開發小程序之前，我們還需要做一些準備工作。
一、開發者工具
首先，我們就來初步認識小程序的開發環境和必備軟件：「微信 Web 開發者工具」。
二、下載、安裝開發者工具
我們可以到到 mp.weixin.qq.com 下載這個工具。由於官方文檔不斷在變化，所以地址隨時有可能會變更。微信關注「知曉程序」公衆號，回覆「工具」，就可以隨時獲取最新的開發者工具下載地址。
下載好開發者工具之後，我們自然需要進行安裝。macOS 與 Windows 兩個版本的開發者工具安裝方式有些許差異：
- Windows 版下載好安裝程序後，直接雙擊打開進入安裝流程。安裝完畢後，一般可在桌面即可啓動開發者工具。
- macOS 版下載好鏡像文件後，直接拖動到「Application（應用程序）」文件夾中，在 LaunchPad 就可以啓動開發者工具。
大家可以根據相應提示，安裝、啓動開發者工具。
三、新建小程序項目
安裝完畢後，我們就可以在開發者工具中，新建小程序工程項目了。
如果是首次啓動「微信 Web 開發者工具」，你需要使用微信號掃描二維碼進行登錄。在開發過程中，登錄的微信號將會用於微信開放能力相關接口（例如，獲取用戶資料、發送模板消息等）的調試。
登錄完成後，我們就進入項目類別選擇的窗口。在這一步，我們選擇「小程序項目」。
首次點擊「小程序項目」時，開發者工具會直接要求我們新建一個小程序項目。
- 項目目錄：在這個字段中爲小程序工程選擇一個文件夾，用於存放小程序項目的代碼。
- AppID：如果你已經有一個小程序的 AppID，可以在這裏將它填入。如果還沒有，可以選擇下面的「點此體驗」鏈接。
- 項目名稱：爲小程序項目起一個名字。這個名字只針對開發者工具中識別，不會影響小程序本身對外顯示的名字。
確認無誤，點擊「確定」，就可以新建小程序項目。之後，我們就進入「微信 Web 開發者工具」的主界面。
使用開發者工具進行開發
「微信 Web 開發者工具」主要包含四個部分。
-
頂部爲工具欄，可對開發者工具的帳戶、窗口顯示進行調整，或是執行編譯、預覽或上傳小程序的操作。
-
左側爲模擬器，開發中的小程序代碼，可以直接在預覽區中查看模擬運行效果。
-
右側上半部分爲編輯器，可以在其中瀏覽小程序工程目錄、直接編輯小程序代碼。
-
右側下半部分爲調試器，小程序的運行結果、輸出等信息，會在這部分進行顯示。
開發者工具提供的功能、界面等都相對清晰、簡單，我們只需要在代碼編輯器寫好代碼，在模擬器就可以看到相應運行效果；如果運行出錯，在調試器中，也能找到詳細的錯誤信息。
四、小程序賬號
我們已經瞭解如何使用開發者工具來開發小程序、管理小程序項目。此時，如果你還沒有註冊小程序，你只能在「預覽」狀態下新建小程序項目，一部分開發功能將無法使用。
那我們應該如何註冊小程序帳戶呢？註冊的時候，需要留意哪些問題呢？在本文中，我們就來手把手教大家，如何註冊一個小程序。
小程序註冊流程，與公衆號註冊流程差不多。
你需要進入 mp.weixin.qq.com，點擊右上角的「立即註冊」鏈接，在「帳戶類型」頁面中，選擇「小程序」。
點擊「小程序」後，你需要填寫郵箱、密碼等帳戶基本信息。它們用於你註冊後登錄小程序。
需要注意的是，已經綁定其他的公衆號、小程序、個人號的郵箱，不能重新註冊新的小程序。
也就是說，你在微信裏與微信號綁定的郵箱，或是在公衆平臺註冊公衆號所用的郵箱，是不能用於註冊小程序的。
提交後，填寫的郵箱會收到一封確認註冊郵件，你需要點擊郵件中的確認鏈接，然後填寫並驗證小程序的主體信息。
填寫主體信息的過程中，不同的主體，驗證方式也有差異。
如果你是以個人身份進行註冊，在「主體類型」一項，你需要點擊「個人」。之後，你只需要在彈出的表單中填寫資料、完成驗證，就可以直接完成註冊小程序。
需要注意的是，驗證過程中，你需要驗證你的手機號，並使用你自己的微信號掃碼確認。
以組織身份註冊時，你首先需要根據實際情況，在「主體類型」中選擇適合的組織類型。之後，頁面會根據你的選擇，顯示信息登記的表單。
對於企業來說，小程序可以選擇不經過認證而完成註冊。填入企業名稱之後，頁面會顯示可用的註冊方式，包括小額打款以及微信認證。
但是，未認證的小程序在開發者數量、可用能力方面，會與已通過認證的小程序會有一些差異。
在註冊過程中，頁面也會要求填寫小程序管理員的信息。
與個人主體小程序註冊流程一致，你同樣需要提供自己的個人信息，也需要進行短信驗證、掃碼驗證。註冊完畢後，你就可以對小程序進行管理。
主體驗證通過後，你就可以進入到小程序的後臺。之後，你就可以根據頁面提示，補充小程序的名稱、標誌，然後下載開發者工具，開始開發你的小程序。
訪問「知曉雲」（cloud.minapp.com），學習更對小程序開發課程
