WHAT - 支持小程序的跨端框架（一）

一、背景

在 WHAT - Hybrid App 详解系列（一） 中我们介绍过 React Native、weex 以及 flutter 等跨平台开发技术。

随着微信小程序、百度小程序、支付宝小程序、字节跳动小程序、快应用等场景的流行，支持小程序或快应用的跨端诉求也促进了一些优秀跨端框架的孵化，譬如：

1. mpvue
2. uni-app
3. taro
4. kbone
5. …

图片来源：跨端开发框架深度横评之2020版

为什么不比较 mpvue？2020年已停止更新维护。

二、uni-app

由于作者使用过 mpvue 和 uniapp，并实践过 mpvue 升级到 uniapp，因此这里也主要介绍 uni-app。

官方文档：uni-app 开发一次，多端覆盖

Uni-app 是一个基于 Vue.js 的跨平台应用开发框架，它可以让开发者使用 Vue.js 的语法开发一次代码，然后编译成可以同时运行在多个平台的应用，包括微信小程序、支付宝小程序、百度小程序、字节跳动小程序、H5、App、快应用等。Uni-app 的核心理念是"一套代码，多端运行"。

主要特点：

1. 跨平台性： Uni-app 可以将同一份代码编译成多个平台的应用，无需重新编写代码，大大提高了开发效率。

2. Vue.js 生态： Uni-app 使用 Vue.js 的语法，开发者可以享受到 Vue.js 生态系统中丰富的组件和工具支持。

3. 自定义扩展： Uni-app 提供了丰富的原生扩展能力，开发者可以通过编写插件来访问底层原生能力。

4. 支持现有项目： Uni-app 支持将已有的微信小程序、支付宝小程序、百度小程序和 H5 项目快速迁移过来，并且可以保留现有代码的同时进行扩展。

5. 灵活配置： Uni-app 提供了丰富的配置选项，开发者可以根据需要进行灵活配置，定制化应用的构建过程。

6. 社区活跃： Uni-app 拥有活跃的社区和开发团队，持续推出新的版本和功能，提供技术支持和社区帮助。

Uni-app 的出现极大地简化了跨平台应用开发的复杂性，使得开发者可以更加专注于业务逻辑的实现，而无需关注不同平台的差异。