自從微信說要新出一款新賬號時,我就一直關注,最開始時還說是叫應用號,不過到推出時才官方定義出叫小程序。
一 什么是小程序?
小程序是一種新的開放能力,開發(fā)者可以快速地開發(fā)一個小程序。小程序可以在微信內被便捷地獲取和傳播,同時具有出色的使用體驗。
1.產品理念:
用完即走
2.特性:
無須安裝、觸手可及、用完即走、無須卸載
3.定位:
體驗比網站好,比下載APP更快捷
二 如何上手開發(fā)?
我們明白了微信小程序的產品理念、特性和定位,相信會為我們確定到底什么產品是更適合做小程序的,如果是為了繼續(xù)積累客戶、推廣產品而做小程序,那么絕對是不符合小程序理念的。小程序開發(fā)的目的就是為了高效的去提高用戶體驗。
1.開放注冊范圍
需要知道,個人賬戶的公眾號是無法進行注冊開發(fā)的。目前就支持政府、企業(yè)、媒體、其他組織。
2.開發(fā)準備
具體的看官網,官網說的很清楚。下載開發(fā)工具和查看開發(fā)文檔。
3.開發(fā)
相信看完開發(fā)文檔后,基本的入門開發(fā)一款小程序也不成問題了。不過有幾點需要提一下:
1)微信小程序框架提供了自己的視圖層描述語言 WXML 和 WXSS,以及基于 JavaScript 的邏輯層框架,并在視圖層與邏輯層間提供了數據傳輸和事件系統,可以讓開發(fā)者可以方便的聚焦于數據與邏輯上。(MVVM模式的設計,和Vue的設計模式一樣),所以這也就意味著我們得去掌握微信的這款框架和理解MVVM模式,進而去開發(fā)小程序。
2)當然框架也為開發(fā)者提供了一系列基礎組件,開發(fā)者可以通過組合這些基礎組件進行快速開發(fā),而且這些組件自帶一些功能與微信風格的樣式。直接調用這些組件開發(fā),快速了很多。
視圖容器、基礎內容、表單組件、導航、媒體組件、地圖、畫布、客服會話
github上直接有微信團隊為小程序設計的WeUI,可以直接下載導入項目進行使用。
3)獲取用戶輸入的組件,需要使用組件的屬性bindchange將用戶的輸入內容同步到 AppService。
<input id="myInput" bindchange="bindChange" />
<checkbox id="myCheckbox" bindchange="bindChange" />
var inputContent = {}
Page({
data: {
inputContent: {}
},
bindChange: function(e) {
inputContent[e.currentTarget.id] = e.detail.value
}
})
4)微信小程序內的所有url請求都是https協議,所以如果有需要和服務器端進行響應時,服務器端需要配置加密認證,添加https的認證證書。
5)微信小程序為了提升體驗流暢度,編譯后的代碼包大小需小于 1MB ,大于 1MB 的代碼包將上傳失敗。
6)本地資源無法通過 css 獲取。background-image
:可以使用網絡圖片,或者 base64
,或者使用<image/>
標簽