濟南小程序開發公司小貓科技:專注微信開發,濟南小程序開發,濟南微信小程序定制開發等業務!
手機版手機網站二維碼 微信版 微信二維碼 業務咨詢電話:159-5318-4521

開發者該如何進行小程序技術選型?

發表于:19-12-09 19:41 閱讀()

現在小程序開發是越來越火了,除了微信小程序,還有阿里、百度等,都在自己的APP中內置了小程序。而且現在市場上對于小程序的需求也是很多的,跟專門的APP比起來,開發成本低,功能也相近,一般情況而言,可以使用微信官方自己的框架開發,但市面上也有很多定制化的小程序框架,為了方便大家開發的技術選型,特此給大家匯總如下:

小程序開發框架

1.微信官方框架MINA

https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html

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

整個小程序框架系統分為兩部分:邏輯層(App Service)和 視圖層(View)。小程序提供了自己的視圖層描述語言 WXML 和 WXSS,以及基于 JavaScript 的邏輯層框架,并在視圖層與邏輯層間提供了數據傳輸和事件系統,讓開發者能夠專注于數據與邏輯。

上手難度:支持數據綁定,需要根據熟悉一下 WXML 和 WXSS語法,只需五分鐘即可上手。

開發者該如何進行小程序技術選型?


2.微信小程序組件化開發框架WePY

https://wepyjs.github.io/wepy-docs/

騰訊團隊開源的一款類vue語法規范的小程序框架,借鑒了Vue的語法風格和功能特性,支持了Vue的諸多特征,還有很多高級的特征支持:Mixin混合、攔截器等。

  • 使用 Vue Observer 實現數據綁定;

  • 支持 Vue watch/computed/mixin 等特性;

  • 基于原生組件實現組件化開發;

  • 支持 TypeScript。

項目很活躍,目前版本是WePY 2 (alpha)。

開發者該如何進行小程序技術選型?

3.京東 - 凹凸實驗室Taro

網址:https://taro.aotu.io

Taro 是一套遵循 React 語法規范的 多端開發 解決方案。

現如今市面上端的形態多種多樣,Web、React-Native、微信小程序等各種端大行其道,當業務要求同時在不同的端都要求有所表現的時候,針對不同的端去編寫多套代碼的成本顯然非常高,這時候只編寫一套代碼就能夠適配到多端的能力就顯得極為需要。多端開發支持:

  • 微信小程序

  • H5

  • 百度小程序

  • 支付寶小程序

  • 快應用

  • ReactNative

  • 字節跳動小程序

  • QQ 輕應用

開發者該如何進行小程序技術選型?

4.美團 MPVUE

地址:http://mpvue.com/

mpvue (github 地址請參見)是一個使用 Vue.js 開發小程序的前端框架??蚣芑?Vue.js 核心, mpvue修改了 Vue.js 的 runtime 和 compiler 實現,使其可以運行在小程序環境中,從而為小程序開發引入了整套 Vue.js 開發體驗。美團酒旅、餐飲、到店、金融等業務接入。mpvue 2.0 開始正式支持 百度智能小程序、頭條小程序 和 支付寶小程序。

從項目活躍度(幾個月未更新)以及網站的制作用心程序來看,不是很推薦使用。如下所示:

開發者該如何進行小程序技術選型?

5.多端開發利器 uni-app

地址:https://uniapp.dcloud.io

uni-app 是一個使用 Vue.js 開發所有前端應用的框架,開發者編寫一套代碼,可發布到iOS、Android、H5、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘)等多個平臺。即使不跨端, uni-app同時也是更好的小程序開發框架。

DCloud公司擁有370萬開發者用戶,旗下 uni-app有5萬+案例、900款插件、50+微信/qq群,并且被阿里小程序工具內置(詳見),開發者可以放心選擇。

但公司對開源不怎么熱心,部分插件庫、UI庫收費,如果能加強開源開放,再加強與大廠的合作,相信未來還能更上一層樓。

開發者該如何進行小程序技術選型?

6.滴滴開源跨平臺統一 MVVM 框架 Chameleon

網址:https://cmljs.org

Chameleon 不僅僅是跨端解決方案,讓開發者高效、低成本開發多端原生應用?;趦炐愕那岸舜虬ぞ遅ebpack,吸收了業內多年來積累的最有用的工程化設計,提供了前端基礎開發腳手架命令工具,幫助端開發者從開發、聯調、測試、上線等全流程高效的完成業務開發。

框架提供了自己的視圖層描述語言 CML 和 CMSS,以及基于 JavaScript 的邏輯層框架,并在視圖層與邏輯層間提供了數據傳輸和事件系統,讓開發者能夠專注于數據與邏輯。

開發者該如何進行小程序技術選型?


小程序UI框架

1.基礎樣式庫WeUI

地址:https://weui.io

WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫,由微信官方設計團隊為微信內網頁和微信小程序量身設計,令用戶的使用感知更加統一。對微信的支持是非常完美的,基本你想要的組件這里都能找到。

開發者該如何進行小程序技術選型?

各框架也都提供了自己的UI組件庫,這里就不一一介紹了。

一些小程序開發工具

1.圖片處理工具Jinaconvert

網址:https://jinaconvert.com/cn/

Jinaconvert可以幫你把圖片處理成各種需要的格式,你只需要在 Jinaconvert 上選擇你需要的格式類型,再將圖片文件上傳至即可。

開發者該如何進行小程序技術選型?

2.單位轉換工具postcss-px2units

https://github.com/yingye/postcss-px2units

將px單位轉換為rpx單位,或者其他單位的PostCSS插件。postcss-px2units就可以使用簡單的配置,輕松實現轉換。而且該插件可以將px轉換為任意你想轉換的單位,比如rem。

3.騰訊云上傳插件qcloud-upload

https://github.com/yingye/qcloud-upload

基于 nodejs的騰訊云上傳插件,支持自定義文件前綴、覆蓋及非覆蓋上傳方式。

4.二維碼工具weapp.qrcode.js

https://github.com/yingye/weapp-qrcode

weapp.qrcode.js在微信小程序 中,可以快速生成二維碼??勺远x二維碼內容、寬高、糾錯級別。此外,還支持生成不同前后景色的二維碼。

微信小程序

5.小程序圖表charts組件wx-charts

地址:https://github.com/xiaolin3303/wx-charts

基于 canvas 繪制、體積小巧的微信小程序圖表工具。

  • 支持圖表類型:

  • 餅圖 pie

  • 圓環圖 ring

  • 線圖 line

  • 柱狀圖 column

  • 區域圖 area

  • 雷達圖 radar

6.即速應用:適合技術小白的小程序開發工具

官網地址:http://www.jisuapp.cn

可視化操作,直接拖拽組件生成頁面 提供大量可套用的模板 可將代碼打包下載,直接對接到小程序的開發工具,下載下來后的代碼可以任意編輯,復雜的功能仍然需要專業程序員二次開發。

需要注意的是,部分高級功能需定制收費,但真的很合適小白的拖拽式開發。

開發者該如何進行小程序技術選型?

7.小程序開發、微信公眾號管理系統RhaPHP

網址:https://www.rhaphp.com

RhaPHP微信平臺管理系統,支持多公眾號管理,小程序開發,APP接口開發,平臺獨立且快速簡潔易用。靈活的擴展應用機制,具有容易上手,幾乎融合微信接口,簡單的調用對二次開發與開發擴展應用模塊大大提高開發效率,降低企業商家運營成本。擴展應用模塊化,機制靈活,代碼簡單并快速上手?;赥HINKPHP5強力內核驅動與LAYUI前端框架,支持 Linux/Windows/Mac。我們致力長期更新,永久免費開源!可捐贈,可定制開發(收費)。同樣適合小白。

開發者該如何進行小程序技術選型?

小程序的云數據庫

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/database.html

小程序的云開發提供了一個 JSON 數據庫,顧名思義,數據庫中的每條記錄都是一個 JSON 格式的對象。一個數據庫可以有多個集合(相當于關系型數據中的表),集合可看做一個 JSON 數組,數組中的每個對象就是一條記錄,記錄的格式是 JSON 對象。普通用戶可有5G的免費數據庫使用。關系型數據庫和 JSON 數據庫的概念對應關系如下表:

開發者該如何進行小程序技術選型?

對于沒有能力部署服務器的小用戶來說,這也是一種選擇。

結論

那說了那么多,到底用哪個呢?

如果不介意嘗鮮和學習 DSL 的話,完全可以嘗試 WePY 2.0 和 chameleon,一個是醞釀了很久的 2.0 全新升級,一個有專門針對多端開發的多態協議。

uni-app 和 Taro 相比起來就更像是「水桶型」框架,從工具、UI 庫,開發體驗、多端支持等各方面來看都沒有明顯的短板。而 mpvue 由于開發一度停滯,現在看來各個方面都不如在小程序端基于它的 uni-app。

當然,Talk is cheap。如果對這個話題有更多興趣的同學可以去 GitHub 另行研究,有空看代碼,沒空看提交:

  • chameleon: https://github.com/didi/chameleon

  • mpvue: https://github.com/Meituan-Dianping/mpvue

  • Taro: https://github.com/NervJS/taro

  • uni-app: https://github.com/dcloudio/uni-app

  • WePY: https://github.com/Tencent/wepy

生態對比圖表:

開發者該如何進行小程序技術選型?




top
二人扑克牌可以玩什么 贵州省11选5前三走势 福建11选5APP 大发快三计划软件 上海快三今天走势图 一直牛配资 上海时时乐178 粤水电股票行情 北京十一选五前三开 时时彩最好的平台排名 甘肃快3和值形态走势图