开发者选型:小程序原生or 小程序框架?

​从2017年小程序推出以来,小程序的发展可谓突飞猛进。其流量入口多、易于传播且开发成本低的特性,使得越来越多的企业摒弃原生开发选择小程序。市场业务需求也越来越大,但是对于开发者来说哦,用原生去开发小程序很难受,尤其是业务比较复杂的项目如果用原生开发很难去管理和迭代。

小程序原生开发的缺点

  • 代码量大:原生开发的代码量相对较大,需要编写更多的代码来实现相同功能。
  • 开发效率:由于语法灵活度和组件数量的限制,原生开发效率可能较低。
  • 多平台适配成本:如果需要适配多个小程序平台,如微信、支付宝、百度等,原生开发需要为每个平台单独编写代码,导致开发成本增加。

有需求就会有市场,针对各家小程序原生开发的困境,各种小程序框架也陆续推出。

1、Wepy

WePY (发音: /'wepi/)是一款让小程序支持组件化开发的框架,是腾讯团队开源的类Vue语法规范的小程序框架。支持组件化开发,数据绑定和Vue的多种特性。非常适合喜欢Vue.js风格的开发者。

而且通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。Promise,Async Functions的引入都是为了能让开发小程序项目变得更加简单,高效。

主要特性:

  • 组件化开发:支持将页面拆分为多个组件,每个组件拥有自己的样式、模板和逻辑,提高代码的复用性和可维护性。
  • 支持自定义组件:允许开发者定义和使用自定义组件,增强了应用的功能扩展性。
  • NPM包管理:支持引入外部 NPM 包,方便管理和使用第三方库。
  • 单文件模式:采用单文件组件模式,使得目录结构更清晰,开发更方便。
  • ES6/7 特性支持:默认使用 Babel 编译,支持 ES6/7 的一些新特性,如箭头函数、模块化导入导出等。
  • Promise 支持:框架默认对小程序提供的 API 进行了 Promise 处理,可以使用 async/await 等新特性进行开发。
  • 编译器支持:支持多种编译器,如 Less、Sass、Stylus、PostCSS、Babel、Typescript、Pug 等。

Github :github.com/Tencent/wep...

官网:tencent.github.io/wepy

2、mpvue

同样是使用Vue.js开发小程序,来源于美团点评开源的框架。提供完整的Vue.js开发体验,包括组件化开发能力和Vuex数据管理。同样适合熟悉Vue.js的开发者,希望在小程序中使用Vue.js开发体验。

主要特性:

  • 彻底的组件化开发能力:提高代码复用性
  • 完整的 Vue.js 开发体验
  • 方便的 Vuex 数据管理方案:方便构建复杂应用
  • 快捷的 webpack 构建机制:自定义构建策略、开发阶段 hotReload
  • 支持使用 npm 外部依赖
  • 使用 Vue.js 命令行工具 vue-cli 快速初始化项目
  • H5 代码转换编译成小程序目标代码的能力

Github:GitHub - Meituan-Dianping/mpvue: 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。

官网:mpvue.com

3、Taro

由京东凹凸实验室开发的,遵循React语法规范的多端统一开发框架。允许一次编写,多端运行,支持编译到微信小程序、H5、App端等。提供现代前端开发流程,包括NPM包管理、ES6+语法支持等。

主要特性:

多端编译:Taro 可以将源代码编译为不同小程序平台的代码,实现跨平台运行。

丰富的组件库:Taro 提供了一套丰富的组件库,这些组件库与 React 组件相似,便于开发者快速构建界面。

插件系统:Taro 支持插件扩展,允许开发者通过插件来扩展 Taro 的功能,如添加新的编译目标或集成第三方服务。

热更新:Taro 支持热更新机制,允许开发者快速迭代产品,无需用户重新下载即可体验新功能。

TypeScript 支持:Taro 支持 TypeScript,为开发者提供了静态类型检查,提高了代码质量和开发体验。

UI 框架整合:Taro 允许整合市面上流行的 UI 框架,如 Ant Design Mobile 等。

官网:taro.aotu.io/

GitHub: GitHub - NervJS/taro: 开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/

4、Chameleon

Chameleon(简写 CML)是由滴滴出行开源的一款跨端框架,它允许开发者使用一套代码来构建并运行在多个小程序平台以及其他端上,如微信、支付宝、百度、头条、QQ等,同时也支持H5和客户端

主要特性:

目录结构:提供规范化的项目结构,适合于企业级大型应用的开发。

视图层:视图层由CML与CMSS编写,核心是一个标准响应式数据驱动视图更新。

逻辑层:逻辑层由javascript编写,逻辑层将处理数据后自动更新视图,提供视图层的事件响应方法。

多态协议:提供了跨端时各端底层组件与接口统一的解决方案。

规范校验:为了提高开发的效率与代码的可维护性,提供了全面的代码规范与校验。

官网:cml.js.org

GitHub: GitHub - didi/chameleon: 🦎 一套代码运行多端,一端所见即多端所见

5、Tina.js

Tina.js 是个开源的微信小程序框架,这个小程序框架比较小众,GitHub 上该框架被描述为"一款轻巧的渐进式微信小程序框架。

特性: 轻盈小巧。 极易上手,保留 MINA (微信小程序官方框架) 的大部分 API 设计;无论你有无小程序开发经验,都可以轻松过渡上手。 渐进增强,既有状态管理器,也有路由增强,还可以自己编写插件。

Tina.js 开源框架地址:GitHub - tinajs/tina: :dancer: 一款轻巧的渐进式微信小程序框架

6、FinClip

严格意义上来说FinClip 并不是一款小程序框架,FinClip是一款小程序容器技术,不论是移动 App,还是电脑、电视、车载主机等设备,在集成FinClip 小程序 SDK之后,都能快速获得运行小程序的能力。

除了微信、支付宝、美团等流量平台之外,想要把已有小程序上架到app,必须依赖小程序的底层容器引擎。

除了小程序本身的运行能力以外,例如 FinClip 这样的小程序容器技术还具备对小程序全生命周期进行管理的能力。对于第三方的支持度也是较好,具体可以查阅相关的测评:小程序框架与平台编译对比

相关推荐
Myli_ing39 分钟前
HTML的自动定义倒计时,这个配色存一下
前端·javascript·html
dr李四维1 小时前
iOS构建版本以及Hbuilder打iOS的ipa包全流程
前端·笔记·ios·产品运营·产品经理·xcode
雯0609~1 小时前
网页F12:缓存的使用(设值、取值、删除)
前端·缓存
℘团子এ1 小时前
vue3中如何上传文件到腾讯云的桶(cosbrowser)
前端·javascript·腾讯云
学习前端的小z1 小时前
【前端】深入理解 JavaScript 逻辑运算符的优先级与短路求值机制
开发语言·前端·javascript
彭世瑜2 小时前
ts: TypeScript跳过检查/忽略类型检查
前端·javascript·typescript
FØund4042 小时前
antd form.setFieldsValue问题总结
前端·react.js·typescript·html
Backstroke fish2 小时前
Token刷新机制
前端·javascript·vue.js·typescript·vue
小五Five2 小时前
TypeScript项目中Axios的封装
开发语言·前端·javascript
小曲程序2 小时前
vue3 封装request请求
java·前端·typescript·vue