2017 年 1 月 9 日，備受關注的微信小程序如約而至。微信小程序，這個設定為“無處不在”的產品，這一刻就真真實實地“在”你身邊了。

從今天起，只要有開發者登錄小程序后臺，并在“開發管理”頁面點擊了“發布”按鈕，就會有一個小程序，降臨在微信上。

小程序是什么?

小程序是一種無需下載安裝，通過線下掃碼、微信搜索、公眾號關聯、好友推薦、歷史記錄等即可在微信中使用。不同的小程序，能幫你實現不同的功能。例如，買電影票、餐廳排號、餐館點菜、查詢公交、查詢股票信息、查詢天氣、收聽電臺、預定酒店、共享單車、打車、查匯率、查單詞、買機票、網購…

小程序如何注冊申請?

通過https://mp.weixin.qq.com/進入注冊頁面，點擊上方注冊

點擊選擇“小程序”出現注冊頁面

填寫注冊小程序的郵箱，然后填寫小程序登錄密碼，最后填寫驗證碼，點擊同意協議，注冊。

登錄郵箱，點擊鏈接，進行驗證。

進入信息登記界面，進行信息登記，分為“主體信息登記”和“管理員信息登記”。注意“主體信息提交后不可修改”。

選擇驗證方式，直接選擇“對公賬號打款驗證”，獲取打款信息，向這個賬號打指定金額(一般是幾分錢)，打款完畢，等待微信官方審核結果(一般一天就可以回復)。

最后登錄，就可以看到小程序后臺可以使用了。

開始項目：

在公眾平臺使用注冊的帳戶進行登錄。然后，在主頁面左邊列表中點擊設置，再設置頁面中選開發設置，就可以看到AppID。而AppID 可以用于在開發工具中進行登記，使用開發工具的高級功能。你可以到官網下載開發工具。

打開開發者工具，選擇小程序選項，然后直接點擊「添加項目」按鈕。我們可以在這個步驟，填入剛才注冊的時候使用的AppID。如果項目目錄中的文件是個空文件夾，會提示是否創建 quick start 項目。選擇“是”，開發者工具會幫助我們在開發目錄里生成一個簡單的 Demo。這個 Demo 擁有一個完整的小程序的大概框架。

我們首先看一下官方提供的 Demo 含有的目錄：

app.js：小程序邏輯、生命周期、全局變量。

app.json：小程序公共設置、導航欄顏色等，不可以注釋。

app.wxss：小程序公共樣式，類似 CSS 。

每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json

微信小程序中的每一個頁面的路徑和頁面文件名，都需要寫在app.json的pages中，且pages數組中的第一個頁面是小程序的首頁。

這四個文件按照功能可以分成三個部分：

配置：json文件

邏輯層：js文件

視圖層：wxss.wxml文件

在 iOS 上，小程序的邏輯代碼運行于JavaScriptCore 中，而在Android上，這個任務則是交給 X5 內核來完成。

在開發工具上，小程序的JavaScript代碼是運行在 NW.js(Chrome內核) 中。這也導致開發工具上的效果跟實際效果有所出入。

微信提供了許多組件，主要分為八種:

這其中，包含了view、scroll-view、button、form等普通常用的組件，也提供了地圖mapcanvas

組件主要屬于視圖層，通過 WXML 來進行結構布局，類似于HTML。樣式則通過 WXSS 來定義和修改，它的語法和使用都近似 CSS。

組件使用語法實例：

小程序的API分別為：網絡、媒體、數據、位置、設備、界面、開發接口。

重要提示：

小程序的網絡請求接口包含了HTTPS請求，支持上傳、下載、Socket，滿足開發中所需要的網絡需求。這些 API 屬于邏輯層，寫在 JS 邏輯文件中。就是說所有小程序的網絡請求都是必須通過HTTPS加密才能通過微信審核，微信推薦的CA企業天威誠信的所有SSL證書產品均能滿足微信小程序HTTPS加密的使用需求。

使用實例：

wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accuracy } })