微信小程序和Android開發對比(上篇)

yy736044583 發布于2019-08-22 10:41 / 3357人閱讀

摘要：小程序微信把這個小程序框架稱為，并聲稱是在微信中開發小程序的框架。在小程序里面，對應的是和，注意雖然模式和很像，但是在形式上算是微信自己開發的一套所以你需要使用他們自己的標簽。

這篇文章將圍繞下面幾個方面：

從開發模式（過程）上對比Android和小程序，比較兩種”模式”的異同

從實現功能上對比，主要是看看微信小程序的局限

自己的一些看法，微信的優勢

開發過程上的對比

在我看來,開發一款app，需要做的主要是界面布局以及交互處理,然后是后面的業務邏輯處理。雖然平臺不同，但是任務都是趨同的。下面從這兩個大的方面進行對比一下。

小程序

微信把這個小程序框架稱為“MINA”，并聲稱：

MINA(MINA IS NOT APP) 是在微信中開發小程序的框架。

MINA的目標是通過盡可能簡單、高效的方式讓開發者可以在微信中開發具有原生APP體驗的服務。

MINA提供了自己的視圖層描述語言WXML和WXSS，以及基于JavaScript的邏輯層框架，并在視圖層與邏輯層間提供了數據傳輸和事件系統，可以讓開發者可以方便的聚焦于數據與邏輯上。
個人覺得第三點說得特別好。大概說清楚了開發者要干什么。大概就是以寫Web的方式寫好前端，然后通過雙向數據綁定技術和業務端交互,業務端通過javascript代碼實現業務處理,必要時調用微信接口完成一些處理。

一些生命周期函數

這里所說的生命周期函數是指的整個應用以及每個頁面的聲明周期函數,在Android中，對應著App、Activity類，而在小程序中,對應著App和Page兩個函數對象（注意,javascript是基于原型和構造器的，而java是基于類的，所以這里就造成了一些寫法的不同）。以App為例,下面是一個代碼實例:

App({
  onLaunch: function () {
    console.log("App Launch")
  },
  onShow: function () {
    console.log("App Show")
  },
  onHide: function () {
    console.log("App Hide")
  }
})

每個小程序起起來時就會有一個App實例，同理每個頁面打開也會有一個Page實例（這個鏈接打開往下滑還有生命周期函數的圖解），我們只需要在這個實例中添加自己的邏輯即可,唯一不同的是這是在javascript這種語言上寫的（java和javascript的區別就像是雷鋒和雷峰塔，所以這里形式上的不同還是蠻大的）。

視圖層代碼

前面說了，寫視圖層的體驗有點像Web前端，主要是寫多了Android，習慣性地會把界面的樣式以及交互放在一塊兒寫（事實上就是你在xml上做的工作），而在Web端，需要html和css文件來共同完成。在小程序里面，對應的是WXML(WeiXin Markup Language)和WXSS(WeiXin Style Sheets)，注意雖然模式和web很像，但是在形式上算是微信自己開發的一套（所以你需要使用他們自己的標簽）。具體來講，你需要做兩件事：

在WXML中通過組件（微信所提供的標簽）構建頁面結構，并且在其中完成數據綁定和事件綁定

在WXSS中完成樣式的定義，用以控制WXML中組件的樣式。WXSS具有CSS大部分特性,同時也有部分擴充。

基本上，視圖層很像在寫Web端。不過你也看到了，和Android比起來，限制因素在于微信給你提供了組件，然后你最多改改樣式，更多的像自定義組件什么的就不可能了。

邏輯層代碼

不同于Android有一堆的組件（Activity、Service..）來支撐邏輯層，小程序就一個Page()函數(類似與App()函數，在框架里面填邏輯)，所以顯得很簡單。基本上，數據通過雙向綁定進行傳遞和刷新的，然后在page內可以完成一些交互處理，更多的能力(訪問網絡、存儲)是通過微信的API完成的，這些api以wx.開頭，目前來看，不是太多，所以可以很快看完，當然也意味著其實可以完成的工作還著實有限，這個后面說。

工程組織

整體來說,小程序的工程組織還是蠻清晰的,MINA程序包含一個描述整體程序的app和多個描述各自頁面的page，一個MINA程序主體部分由三個文件組成，必須放在項目的根目錄，是app.js,app.json,app.wxss，分別用作生命周期函數、配置文件和樣式文件，一個MINA頁面由四個文件組成，是.js,.wxml,.json,.wxss，分別用作生命周期函數、布局文件、配置文件和樣式文件，他們需要通過同名且放在同名文件夾下（方便框架通過名字路由）。比起Android來，套路應該是固定而簡單得多。

Android

再回頭看看Android開發，突然覺得可以玩的簡直是太多了…下面簡單描述一下，肯定是不全的。

一些生命周期函數

App、Activity是肯定的，其實套路和小程序還是差不多的。只不過組織形式是類而不是函數對象。之前說了，這是因為Js和Java語言特性造成的。

視圖層代碼

通常來講，Android的界面在.xml文件中定義，其實仔細想想就會發現，在文件中，我們是同時定義了布局，和交互邏輯的，這是因為本質上這些.xml聲明都是View類的子類，我們通過重寫View的聲明周期方法來完成了對齊的樣式(onDraw以及LaoutParams)、以及交互的定義（各種on..listener）。所以在.xml中更像是對這些對象進行一系列實例化。至于雙向數據綁定,Android也開始支持了

邏輯層代碼

這一層還是要復雜得多..放到后面對比來說吧。

工程組織

…..不想說了，一方面寫法多，一方面相對于小程序也蠻復雜的。

下篇內容（待續）

從實現功能上對比，主要是看看微信小程序的局限

自己的一些看法，微信的優勢

「H5程序俱樂部」是一個專注微信小程序學習交流的微信公眾號
每天發布微信小程序設計/開發/運維知識，小程序最新資訊

「H5程序俱樂部」微信號：wxappclub 或者微信掃一掃關注

云服務器 GPU云服務器微信小程序免費開發微信小程序怎樣開發微信小程序的開發微信小程序怎么開發

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91087.html

開源中國專訪：Chameleon原理首發，其它跨多端統一框架都是假的？

摘要：中國互聯網絡信息中心發布的中國互聯網絡發展狀況統計報告顯示，截至年月，我國網民規模達億人，微信月活億支付寶月活億百度月活億另一方面，中國手機占智能手機整體的比例超過，月活約億。在年末正式發布了面向未來的跨端的。開源中國專訪：Chameleon原理首發，其它跨多端統一框架都是假的？原創：嘉賓-張楠開源中國以往我們說某一功能跨多端，往往是指在諸如 PC、移動等不同類型的設備之...

GraphQuery 2019-08-23 15:29 評論0 收藏0
淺析微信支付：微信支付簡單介紹（小程序、公眾號、App、H5）

摘要：本文是淺析微信支付系列文章的第二篇，主要講解一下普通商戶接入的支付方式以及其中的不同之處。淺析微信支付前篇大綱微信支付是集成在微信客戶端的支付功能，用戶可以通過手機完成快速的支付流程。目前微信支付支持手機系統有蘋果安卓和。本文是【淺析微信支付】系列文章的第二篇，主要講解一下普通商戶接入的支付方式以及其中的不同之處。上篇文章講了本系列的大綱，沒有看過的朋友們可以看一下。淺析微信支...

shadowbook 2019-08-16 13:35 評論0 收藏0
Java 初學者做的第一個微信小程序總結--關于Java基礎

摘要：官方資料微信公眾平臺注冊小程序。官網開發文檔社區開發工具部署微信小程序微信小程序本身不需要部署，在微信開發工具中直接上傳代碼就行。為什么學習 Java 三年，目前已經工作了2年，因為自學，基礎差，所以打算年末總結一下常見的基礎知識和面試點；也可以通過獨立做一個項目整合自己工作期間學習的知識，加深印象。但是想著回家或是平時手機用的多，做一款APP和小程序很方便查看。項目展示本...

mudiyouyou 2019-08-16 14:30 評論0 收藏0