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