微信小程序開發(fā)初篇

自從微信說要新出一款新賬號時,我就一直關注,最開始時還說是叫應用號,不過到推出時才官方定義出叫小程序。

1.png

一 什么是小程序?

小程序是一種新的開放能力,開發(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/>標簽

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 轉載鏈接 注:本文轉載知乎上的回答 作者:初雪 鏈接:https://www.zhihu.com/question...
    pengshuangta閱讀 28,763評論 9 295
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,436評論 25 708
  • 聽著佛號,靜靜的夜,瑜伽剛結束,是時候給我的好種子澆水施肥,此時此刻我正在做我即將做的事,因為我想達成我的個人目標...
    李鮮花閱讀 337評論 0 5
  • ‘’小氣鬼‘’(微小說) 徐 宏 皮鞋大甩賣,五十元一雙。 中年男人:四十元賣不賣。 ...
    sunxuhong閱讀 439評論 0 2
  • 如果生命終將會安排一場流亡 你會選擇去到哪里 以怎樣的姿勢出發(fā) 亦或以怎樣的結局面他 那一場由一縷青煙升騰而成的漫...
    亦南9777閱讀 442評論 0 0