Vue 直接写 Flutter!跨端新方案!
WebF 是一个运行在 Flutter 里的 Web 运行时(Web Runtime),不是 WebView。Vue 生态,始终缺少一个“直接对标 Flutter / RN 的原生级跨端方案”。让 Web 成为原生应用的 UI 运行时,而不是被嵌入的内容。但很遗憾,这条线最近几乎没有新的公开进展,也慢慢安静了下来。Flutter 内部的一套 Web 引擎,而不是网页容器。Vue 生态,始终缺一个“
前端跨端,终于出现了一条新路!
如果你长期关注 Vue 生态,其实会有一个很明显、但很少被正面提起的感受:
Vue 一直缺一套真正意义上的 Native 跨平台方案。
Web 端,Vue 没什么好说的,生态、体验、生产力都很成熟。
但一到 移动端 / 原生应用,Vue 的存在感就明显弱了下来。
Vue 生态,始终缺一个“能打的 Native 方案”
前段时间,社区里一直在传一个方向:Vue Native(Vue + Lynx)。
当时不少人都在猜: 是不是 Vue 终于要认真下场做 Native 了?
但很遗憾,这条线最近几乎没有新的公开进展,也慢慢安静了下来。
我知道肯定有人会说:
Vue 不是还有 Uniapp 吗?
这个话题就不展开了。真实体验如何,大家心里都有数,这里不做任何评价。
总之,一个现实摆在眼前:
Vue 生态,始终缺少一个“直接对标 Flutter / RN 的原生级跨端方案”。
偶然刷到的一条推特
前几天刷推特的时候,偶然看到这样一条内容,大意是:
Vue.js 现在已经为开发 Flutter 应用做好了准备。
说实话,第一反应是怀疑的:是不是又是哪种 WebView 套壳?
但点进去之后,看到的是一个完全不同的项目——WebF。
什么是 WebF?
先用一句话解释,避免一上来就被误解:
WebF 是一个运行在 Flutter 里的 Web 运行时(Web Runtime),不是 WebView。
WebF 做的事情很直接:
-
遵循 W3C / WHATWG 标准
-
支持 HTML / CSS / DOM / JavaScript
-
不依赖浏览器内核
-
直接接入 Flutter 的渲染管线
-
目标是:把标准 Web 技术,以接近原生性能带到移动端和桌面端
也就是说,WebF 并不是把“浏览器”塞进 Flutter, 而是尝试让 Web 本身,成为 Flutter 应用的一部分。
WebF 有哪些优势和特性?
它不是 WebView,这是最关键的一点
WebView 的本质是:在原生应用里嵌一个浏览器。
而 WebF 的定位是:
在 Flutter 内部实现一套 Web Runtime。
这两者不只是实现方式不同,思路完全不在一个层级。
复用现有 Web 技术栈
WebF 支持的是标准 Web 能力:
-
HTML / CSS -
DOM / Window -
JavaScript
这意味着什么?
👉 你现有的 Web 项目,大概率不需要重写。
Vue、React、Svelte、Solid、Qwik…… 只要是走标准 Web 技术路线的框架,都有机会通过 WebF 跑进 Flutter。
性能目标直指“原生体验”
WebF 没有浏览器内核的历史包袱:
-
没有多层渲染中转
-
没有复杂的浏览器沙盒
-
直接走 Flutter 的 GPU 渲染管线
官方给出的目标很明确:启动快、动画流畅、交互接近原生应用。
如何快速体验 WebF?
WebF 官方提供了一个非常实用的工具:WebF Go。
你可以把它理解成:WebF 的官方调试壳应用。
它支持:
-
直接加载你的
Web项目URL -
在真实的
iOS/Android/桌面设备上运行 -
不用你先搭完整的
Flutter宿主工程
也就是说,你可以先验证一件事:
“我的 Web 项目,值不值得跑进 Flutter?”
这个体验,对前端开发者来说非常友好。
Vue → Flutter,这件事真的成立了(而且不止 Vue)
现在可以给出一个明确结论:Vue → Flutter,这条路径已经成立。
但更重要的是:成立的并不只是 Vue。
真正成立的是这条技术路线:
任意 Web 框架
(Vue / React / Svelte ...)
↓
WebF
↓
Flutter(iOS / Android / Desktop)
WebF 本质上做的事情是:
让 Web 成为原生应用的 UI 运行时,而不是被嵌入的内容。
Vue 只是最容易被感知到的那个入口。
那 WebF 和 WebView 到底差在哪?
用比较形象的大白话总结:
WebView:
-
Web是“客人” -
原生是“主人”
-
两者之间隔着一道墙
WebF:
-
Web是一等公民 -
直接参与原生渲染
-
不需要浏览器这个中间层
所以 WebF 更像是:
Flutter 内部的一套 Web 引擎,而不是网页容器。
最后补充:WebF 社区版是免费开源的
最后补一个很多人一定会关心的问题:WebF 收费吗?
答案是:
WebF 提供社区版(Community Version),完全免费、开源。
社区版采用的是 GPL-3.0 License,这意味着:
-
✅ 可以完整使用
WebF的源代码 -
✅
构建、运行、分发开源应用 -
✅ 参与
WebF社区和GitHub讨论 -
✅ 持续获得官方更新和安全补丁
但也需要注意:
-
⚠️ 衍生作品必须继续使用
GPL-3.0开源 -
⚠️ 修改后的源码必须公开
社区版非常适合技术研究、学习、开源项目, 但并不适合直接拿来做闭源商业 App。
这一点官方写得很清楚,没有模糊空间。
-
WebF 官网:
https://openwebf.com/en -
WebF Github 地址:
https://github.com/openwebf/webf -
WebF Go:
https://openwebf.com/en/go
更多推荐
所有评论(0)