责编 | Elle
现在小程序开拓是越来越火了,除了微信小程序,还有阿里、百度等,都在自己的APP中内置了小程序。而且现在市场上对付小程序的需求也是很多的,跟专门的APP比起来,开拓本钱低,功能也附近,一样平常情形而言,可以利用微信官方自己的框架开拓,但市情上也有很多定制化的小程序框架,为了方便大家开拓的技能选型,特此给大家汇总如下:
小程序开拓框架

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 不仅仅是跨端办理方案,让开发者高效、低本钱开拓多端原生运用。基于精良的前端打包工具Webpack,接管了业内多年来积累的最有用的工程化设计,供应了前端根本开拓脚手架命令工具,帮助端开拓者从开拓、联调、测试、上线等全流程高效的完成业务开拓。
框架供应了自己的视图层描述措辞 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在微信小程序 中,可以快速天生二维码。可自定义二维码内容、宽高、纠错级别。此外,还支持天生不同前后景致的二维码。
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接口开拓,平台独立且快速简洁易用。灵巧的扩展运用机制,具有随意马虎上手,险些领悟微信接口,大略的调用对二次开拓与开拓扩展运用模块大大提高开拓效率,降落企业商家运营本钱。扩展运用模块化,机制灵巧,代码大略并快速上手。基于THINKPHP5强力内核驱动与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
生态比拟图表:
声明:本文为作者投稿,版权归作者个人所有。
【End】