微信小程式如何開發（微信小程式建議使用）

特別註明：本文節選自“知曉程式”《微信小程式入門指南》，獲取詳細報告，請在阿爾法公社微信後臺回覆“詳細報告”或訪問minapp.com

一、 小程式到底是什麼?

「微信之父」張小龍是這樣描述小程式的:

小程式是一個不需要下載安裝就可使用的應用,它實現了應用觸 手可及的夢想,使用者掃一掃或者搜一下即可開啟應用。也體現了用完 即走的理念,使用者不用關心是否安裝太多應用的問題。應用將無處不 在,隨時可用,但又無需安裝解除安裝。

簡單來說,小程式不用安裝就能使用;它的體積也非常小,每一 個都不超過 1 M。

1.1 小程式的到來,將給我們帶來的好處:

  • 少了安裝 App 的麻煩

  • 釋放手機記憶體

  • 讓手機桌面更簡潔

1.2 小程式與 HTML 5 有什麼區別?

  • 對使用者而言

    我們開啟 HTML 5,實際上是開啟一個網頁,而網頁需要在瀏覽器中渲染。而對於微信小程式來說,它的程式碼可以直接在微信上執行,省去了通過瀏覽器渲染的步驟,在體驗上會勝過 HTML 5 不少。

  • 對開發者而言

    對於開發者來說,相比 HTML 5,小程式可以節省大量的伺服器資源。

1.3 小程式與訂閱號、服務號有什麼區別?

  • 訂閱號:顧名思義,是使用者在微信中訂閱文章所使用的公眾帳戶。

  • 服務號:是一種服務導向的公眾帳戶。

    以上兩者都是以「聊天介面」為基礎的,即是說,它們的功能和介面是早就規定好了的。而小程式允許開發者自定義介面,所以,不用侷限於微信的聊天介面。

1.4 小程式是「無所不能」的嗎?

  • 雖然小程式有千般好,但小程式也並不是萬能的。

  • 首先,小程式不能承載所有的使用者需求。

  • 其次,小程式的體系整體依賴於微信。

  • 另外,小程式目前不能主動傳送訊息(包括群發和模板訊息)。

二、 如何擁有自己的小程式?

微信官方提供的小程式接入指南列出了以下事項:

  • 小程式註冊;

  • 小程式資訊完善及開發前準備;

  • 開發工具的使用;

  • 稽覈和釋出小程式;

  • 小程式申請微信認證;

  • 小程式申請微信支付;

  • 小程式繫結微信開放平臺賬號。

三、 開發小程式需要具備什麼技能？

對於小程式開發者來說,需要學習的語言主要有:

  • 微信標記語言(WeiXin Marked Language, WXML)

  • 微信樣式表(WeiXin Style Sheet, WXSS)

  • JavaScript(JS)

3.1 如果你是 iOS / Android 開發人員

無論是從 iOS 還是 Android ,開發小程式都需要學習 JavaScript 語言。對於 iOS 開發來說,可能還要學習使用 HTML(WXML)構建介面的方式。對於原本就需要 XML 程式碼構建介面和互動的 Android 開發者來說,只需要瞭解小程式 WXML 可以使用的元素

3.2 如果你是網頁前端開發人員

恭喜你,既然你已經能熟練使用 HTML、CSS 和 JS 語言,接下來的事情就簡單得多了。網頁前端開發人員需要適應 WXML 的邏輯和寫法。開發人員需要了解 rpx 與各種長度單位的換算比例。

3.3 如果你是後端開發人員

即使是使用 Node.js 語言工作的後端開發人員,如果希望轉向小 程式開發,依然需要先從前端三件套入手學習。

四、小程式大事記

從「應用號」到微信「小程式」,微信官方在小程式方面做了以下動作：

  • 2016 年 1 月 11 日:應用號初現、開發工具釋出

  • 2016 年 1 月 20 日:WeUI 釋出

  • 2016 年 4 月 19 日:微信內建瀏覽器升級

  • 2016 年 9 月 22 日:小程式釋出內測

  • 2016 年 10 月 27 日:小程式新增 19 介面

  • 2016 年 11 月 3 日:小程式開放公測

  • 2016 年 11 月 18 日:小程式入口謎團

  • 2016 年 11 月 22 日:開發者工具更新

五、為什麼選擇1月9日釋出

張小龍昨晚凌晨的一條朋友圈

十年前，蘋果重新發明手機

不知道從現在開始的十年，微信小程式會改寫什麼？讓我們拭目以待。