微信小程序之入門篇(一)
微信小程序之注冊篇(二)
微信小程序之開發初體驗(三)——開發工具使用和目錄結構
微信小程序之生命周期(四)
微信小程序之數據綁定(五)
微信小程序之觸控事件(六)
微信小程序之基礎組件篇——視圖容器(七)
微信小程序之基礎組件篇——基礎內容(八)
微信小程序之基礎組件篇——表單組件(九)
微信小程序之基礎組件篇——導航組件(十)
微信小程序之基礎組件篇——媒體組件(十一)
微信小程序之API篇——豆瓣圖書搜索(十二)
微信小程序之拓展篇——weui-wxss(十三)
背景
在PC互聯網時代,相信讓大家最煩心的事情莫過于經常需要更新電腦客戶端,而且每次升級都需要手動安裝,對于用戶而言,這是極不好的體驗。
移動互聯網浪潮的到來,智能手機不斷普及,App越來越多,用戶同樣面臨一樣的問題,需要不斷的安裝更新App,而且占用了大量的稀缺資源——手機的存儲空間。
針對以上問題提供一種解決方案成為一個迫切的需求。參考PC互聯網時代,用瀏覽器替代電腦客戶端應用的思路,同樣采用HTML+Javascript技術實現應用架構,數據隨求隨取,這樣不就可以很好的解決上述問題么?于是RN、Weex、微信小程序等技術框架因此誕生。本系列博客只分享微信小程序相關,其他技術分享敬請期待。
微信小程序
想要了解微信小程序,首先要知道微信小程序是什么,應用場景,優缺點是什么,前景如何?需要哪些工具?下面將逐一解答。
微信小程序是什么
- 微信小程序官網版
小程序是一種新的開放能力,開發者可以快速地開發一個小程序。小程序可以在微信內被便捷地獲取和傳播,同時具有出色的使用體驗。
- 百度百科版
微信小程序,簡稱小程序,縮寫XCX,英文名mini program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。
- 程序猿版
小程序是一種運行在微信客戶端,繼微信訂閱號、服務號、企業號之后新的微信應用形態,既無需下載安裝,又有近似原生應用的體驗。
它由Javascript+WXML+WXSS混合編寫,類似于前端技術Javascript+HTML+CSS。
應用場景
了解了微信小程序是什么之后,就需要知道小程序的使用場景。可以借助四象限需求層次圖進行分析。
橫軸=需求剛性,縱軸=需求頻次,象限=需求類別。
- 象限一:高頻、剛需。
小程序不適用于高頻、剛需的使用場景,因為小程序的搜索成本過高,性能和流暢度不及原生App。 - 象限二:高頻、非剛需
對于高頻、非剛需的使用場景,采用的產品形態試情況而定,小程序主要適用于:
1.偏工具的內容型產品。
2.日常工具類產品。
3.社區類產品(作為導流作用)。
4.創業者進行MVP產品形式的探索。 - 象限三:低頻、非剛需
該層次的應用場景低頻、基本屬于小眾需求,建議優先采用原生App。 -
象限四:低頻、剛需
該類需求的APP使用低頻次,但是大量的占用手機內存,非常適用于使用小程序實現。
小程序應用場景
微信小程序優缺點
小程序優勢
- 使用成本低。無需安裝和更新,即搜即用。
- 技術門檻低。底層技術類似于HMTL+JS+CSS,對于程序猿而言,前端技術屬于入門級別的技術,能夠迅速上手。
- 開發成本低。相對于現行APP開發和維護成本居高不下,使用小程序無疑將大大縮短開發周期和節約人力成本。
- 跨平臺。一套程序適用于Android、IOS、WP三大手機平臺。
- 特別適用于MVP試錯、快速驗證產品模式。能夠快速驗證一個idea的可行性。
- 小程序憑借微信巨大的用戶基數,可以獲得流量紅利,降低轉化成本。
- 直接對接微信的賬號體系,用戶不需要注冊登錄即可體驗小程序。
小程序劣勢
- 小程序的性能和流暢度遠不及原生App。
- 框架封閉性強,不支持開發新的組件。
- 開發工具不方便,無法進行版本管理。
- 不能調起外部App,不能在手機瀏覽器內運行。
- 支付組件只支持騰訊體系支付,無法接入支付寶和銀聯。
- 與蘋果公司存在利益沖突。
小程序的前景
小程序實際上是提供了一種新的產品解決方案,微信是在鼓勵HTML5開發,但依舊開放了App的接口能力,這說明小程序的未來愿景是混合應用,而不是前端和移動端‘你死我活’的狀態。
小程序的開發工具
- 一臺電腦
- 熟悉HTML、CSS、JS基本語法
- 開發工具:
微信web開發者工具
官方demo下載