今天在朋友圈看到一篇文章,讨论小程序的开源框架,看了以后,觉得不甚认同,于是便自己写一篇文章,希望分享一下自己认为的框架分类。

如何分类小程序框架

在进行具体的分类时,我们需要先看一看,都有哪些不同的分类,以便于后续我们划分不同的框架。

一般来说,我们在社区中看到的框架,主要分为两种:

  1. UI 框架:UI 框架主要提供的是不同样式的组件,可以方便开发者使用一些现成的样式,完成自己产品、应用的开发。
  2. 基础框架:基础框架的主要能力是提供小程序的打包、编译、组件化等能力,让开发者可以更加简单,方便的使用自己熟悉的方案,完成应用的开发。

在厘清了市面上已有的框架以后,我们来看一看市面上有哪些开源的小程序框架。

UI 框架

WeUI

项目地址:https://github.com/Tencent/weui-wxss

WeUI 是由微信官方团队推出的,一套同微信原生视觉体验一致的基础样式库。由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含buttoncelldialogprogresstoastarticleactionsheeticon等各式元素。




基于android的小程序实现 android开发一个小程序框架_UI


iView Weapp

项目地址:https://github.com/TalkingData/iview-weapp

iView 是国内用户量极大的 Vue UI 组件库,随着项目的不断发展,iView 也推出其自己的小程序 UI 组件库,我们可以使用 iView 提供的组件库,来完成小程序的开发。

iView Weapp 和其 Vue 组件库一样,封装了大量精致的组件。


基于android的小程序实现 android开发一个小程序框架_github_02


Vant Weapp

项目地址:https://github.com/youzan/vant-weapp

Vant UI 的前身是有赞团队开源出来的 ZanUI,后统一品牌名称,为 VantUI。因为有赞团队的业务主要是电商相关,你可以在其中找到大量电商场景下的组件,如果你自己开发的产品也是电商相关,则可以考虑使用其产品。


基于android的小程序实现 android开发一个小程序框架_UI_03


ColorUI

项目地址:https://github.com/weilanwl/ColorUI

ColorUI 是一个非常漂亮的组件库,其作者在视觉效果方面投入了大量的精力和时间在做优化,使用其构建出来的小程序都称得上是美仑美奂。


基于android的小程序实现 android开发一个小程序框架_基于android的小程序实现_04


Thor UI

项目地址:https://github.com/dingyong0214/ThorUI

Thor UI 也是一个小程序 UI 库,声名不显,不过,其代码更新还算频繁,值得一试。


基于android的小程序实现 android开发一个小程序框架_基于android的小程序实现_05


Vision UI

项目地址:https://github.com/AsherSun/VisionUI

Vision UI 也是一个在 UI 和视觉上花费了一些心思的 UI 组件库,同时,它还提供了多种特定场景下的组件,如地址联动、万年历、运动盒子等。


基于android的小程序实现 android开发一个小程序框架_基于android的小程序实现_06


基础框架

WePY

项目地址:https://github.com/Tencent/wepy

WePy 是最早的小程序基础框架之一,目前依然在更新,WePY 使用的是类 Vue 的语法实现的基础框架,市场上也有大量的 Demo 和课程基于 WePY 开发,对于初学者来说,可以很轻松的找到自己想要学习的内容。


基于android的小程序实现 android开发一个小程序框架_github_07


Taro

项目地址:https://github.com/NervJS/taro

Taro 是来自京东凹凸实验室的产品,是一套遵循 React 语法规范的多端开发解决方案,使用 Taro 可以编译出微信/百度/支付宝/字节跳动小程序、H5、React-Native 等多个平台的代码。


基于android的小程序实现 android开发一个小程序框架_基于android的小程序实现_08


mpvue

项目地址:https://github.com/Meituan-Dianping/mpvue

mpvue 是一个使用 Vue.js 开发小程序的前端框架,目前支持 微信小程序、百度智能小程序,头条小程序 和 支付宝小程序。框架基于 Vue.js,修改了的运行时框架 runtime 和代码编译器 compiler 实现,使其可运行在小程序环境中,从而为小程序开发引入了 Vue.js 开发体验。


基于android的小程序实现 android开发一个小程序框架_github_09


UniApp

项目地址:https://github.com/dcloudio/uni-app

uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架。开发者使用 Vue语法编写代码,uni-app框架将其编译到 小程序(微信/支付宝/百度/字节跳动/QQ/钉钉)、App(iOS/Android)、H5等多个平台,保证其正确运行并达到优秀体验。


基于android的小程序实现 android开发一个小程序框架_github_10


Chameleon

项目地址:https://github.com/didi/chameleon

Chameleon 是滴滴团队开发的一套多端小程序解决方案,目前已经支持了web、微信小程序、支付宝小程序、百度小程序、android(weex)、ios(weex)、qq 小程序、字节跳动小程序、快应用(进行中)等多个平台。如果你有多平台的需求,可以试试看。


基于android的小程序实现 android开发一个小程序框架_github_11


Remax

项目地址:https://github.com/remaxjs/remax

Remax 是最近出现的小程序基础框架,同样是基于 React 规范的方案,Remax 主打的是「使用真正的 React 构建小程序」,他采用的方案不是 Taro 所使用的静态编译,可以无限制的使用 React 各项特性,包括 React Hooks。


基于android的小程序实现 android开发一个小程序框架_基于android的小程序实现_12


MinUI

项目地址:https://github.com/remaxjs/remax

MinUI 是一个非常早期的框架,在 2018 年就停止了更新,不过其官方的 UI 库和基础框架配合的不错,也在这里列出来。


基于android的小程序实现 android开发一个小程序框架_github_13