開(kāi)發者該如何進行小(xiǎo)程序技術選型？

來源：銘碩網絡   日期：2019-12-16 09:23:56

現在小(xiǎo)程序開(kāi)發是越來越火(huǒ)了，除了微信小(xiǎo)程序，還有阿裏、百度等，都在自己的APP中(zhōng)内置了小(xiǎo)程序。而且現在市場上對于小(xiǎo)程序的需求也是很多的，跟專門的APP比起來，開(kāi)發成本低，功能也相近，一(yī)般情況而言，可以使用微信官方自己的框架開(kāi)發，但市面上也有很多定制化的小(xiǎo)程序框架，爲了方便大(dà)家開(kāi)發的技術選型，特此給大(dà)家彙總如下(xià)：

小(xiǎo)程序開(kāi)發框架

1.微信官方框架MINA

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

小(xiǎo)程序開(kāi)發框架的目标是通過盡可能簡單、高效的方式讓開(kāi)發者可以在微信中(zhōng)開(kāi)發具有原生(shēng) APP 體(tǐ)驗的服務。

整個小(xiǎo)程序框架系統分(fēn)爲兩部分(fēn)：邏輯層（App Service）和 視圖層（View）。小(xiǎo)程序提供了自己的視圖層描述語言 WXML 和 WXSS，以及基于 JavaScript 的邏輯層框架，并在視圖層與邏輯層間提供了數據傳輸和事件系統，讓開(kāi)發者能夠專注于數據與邏輯。

上手難度：支持數據綁定，需要根據熟悉一(yī)下(xià) WXML 和 WXSS語法，隻需五分(fēn)鍾即可上手。

2.微信小(xiǎo)程序組件化開(kāi)發框架WePY

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

騰訊團隊開(kāi)源的一(yī)款類vue語法規範的小(xiǎo)程序框架,借鑒了Vue的語法風格和功能特性,支持了Vue的諸多特征，還有很多高級的特征支持：Mixin混合、攔截器等。

使用 Vue Observer 實現數據綁定；支持 Vue watch/computed/mixin 等特性；基于原生(shēng)組件實現組件化開(kāi)發；支持 TypeScript。項目很活躍，目前版本是WePY 2 (alpha)。

3.京東 - 凹凸實驗室Taro

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

Taro 是一(yī)套遵循 React 語法規範的 多端開(kāi)發 解決方案。

現如今市面上端的形态多種多樣，Web、React-Native、微信小(xiǎo)程序等各種端大(dà)行其道，當業務要求同時在不同的端都要求有所表現的時候，針對不同的端去(qù)編寫多套代碼的成本顯然非常高，這時候隻編寫一(yī)套代碼就能夠适配到多端的能力就顯得極爲需要。多端開(kāi)發支持：

微信小(xiǎo)程序H5百度小(xiǎo)程序支付寶小(xiǎo)程序快應用ReactNative字節跳動小(xiǎo)程序QQ 輕應用

4.美團 MPVUE

地址：http://mpvue.com/

mpvue （github 地址請參見）是一(yī)個使用 Vue.js 開(kāi)發小(xiǎo)程序的前端框架。框架基于 Vue.js 核心， mpvue修改了 Vue.js 的 runtime 和 compiler 實現，使其可以運行在小(xiǎo)程序環境中(zhōng)，從而爲小(xiǎo)程序開(kāi)發引入了整套 Vue.js 開(kāi)發體(tǐ)驗。美團酒旅、餐飲、到店(diàn)、金融等業務接入。mpvue 2.0 開(kāi)始正式支持 百度智能小(xiǎo)程序、頭條小(xiǎo)程序 和 支付寶小(xiǎo)程序。

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

5.多端開(kāi)發利器 uni-app

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

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

DCloud公司擁有370萬開(kāi)發者用戶，旗下(xià) uni-app有5萬+案例、900款插件、50+微信/qq群，并且被阿裏小(xiǎo)程序工(gōng)具内置（詳見），開(kāi)發者可以放(fàng)心選擇。

但公司對開(kāi)源不怎麽熱心，部分(fēn)插件庫、UI庫收費(fèi)，如果能加強開(kāi)源開(kāi)放(fàng)，再加強與大(dà)廠的合作，相信未來還能更上一(yī)層樓。

6.滴滴開(kāi)源跨平台統一(yī) MVVM 框架 Chameleon

網址：https://cmljs.org

Chameleon 不僅僅是跨端解決方案，讓開(kāi)發者高效、低成本開(kāi)發多端原生(shēng)應用。基于優秀的前端打包工(gōng)具Webpack，吸收了業内多年來積累的最有用的工(gōng)程化設計，提供了前端基礎開(kāi)發腳手架命令工(gōng)具，幫助端開(kāi)發者從開(kāi)發、聯調、測試、上線等全流程高效的完成業務開(kāi)發。

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

小(xiǎo)程序UI框架

1.基礎樣式庫WeUI

地址：https://weui.io

WeUI 是一(yī)套同微信原生(shēng)視覺體(tǐ)驗一(yī)緻的基礎樣式庫，由微信官方設計團隊爲微信内網頁和微信小(xiǎo)程序量身設計，令用戶的使用感知(zhī)更加統一(yī)。對微信的支持是非常完美的，基本你想要的組件這裏都能找到。

各框架也都提供了自己的UI組件庫，這裏就不一(yī)一(yī)介紹了。

一(yī)些小(xiǎo)程序開(kāi)發工(gōng)具

1.圖片處理工(gōng)具Jinaconvert

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

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

2.單位轉換工(gōng)具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.二維碼工(gōng)具weapp.qrcode.js

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

weapp.qrcode.js在微信小(xiǎo)程序 中(zhōng)，可以快速生(shēng)成二維碼。可自定義二維碼内容、寬高、糾錯級别。此外(wài)，還支持生(shēng)成不同前後景色的二維碼。

5.小(xiǎo)程序圖表charts組件wx-charts

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

基于 canvas 繪制、體(tǐ)積小(xiǎo)巧的微信小(xiǎo)程序圖表工(gōng)具。

支持圖表類型：餅圖 pie圓環圖 ring線圖 line柱狀圖 column區域圖 area雷達圖 radar6.即速應用：适合技術小(xiǎo)白(bái)的小(xiǎo)程序開(kāi)發工(gōng)具

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

可視化操作，直接拖拽組件生(shēng)成頁面 提供大(dà)量可套用的模闆 可将代碼打包下(xià)載，直接對接到小(xiǎo)程序的開(kāi)發工(gōng)具，下(xià)載下(xià)來後的代碼可以任意編輯，複雜(zá)的功能仍然需要專業程序員(yuán)二次開(kāi)發。

需要注意的是，部分(fēn)高級功能需定制收費(fèi)，但真的很合适小(xiǎo)白(bái)的拖拽式開(kāi)發。

7.小(xiǎo)程序開(kāi)發、微信公衆号管理系統RhaPHP

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

RhaPHP微信平台管理系統，支持多公衆号管理，小(xiǎo)程序開(kāi)發，APP接口開(kāi)發，平台獨立且快速簡潔易用。靈活的擴展應用機制，具有容易上手，幾乎融合微信接口，簡單的調用對二次開(kāi)發與開(kāi)發擴展應用模塊大(dà)大(dà)提高開(kāi)發效率，降低企業商(shāng)家運營成本。擴展應用模塊化，機制靈活，代碼簡單并快速上手。基于THINKPHP5強力内核驅動與LAYUI前端框架，支持 Linux/Windows/Mac。我(wǒ)(wǒ)們緻力長期更新，永久免費(fèi)開(kāi)源！可捐贈，可定制開(kāi)發（收費(fèi)）。同樣适合小(xiǎo)白(bái)。