技术界的传承与发展——兼容主流web端框架的kbone和finclip

二山记

已于 2022-08-22 13:31:43 修改

阅读量229

点赞数

文章标签：前端小程序微信小程序前端框架容器

于 2022-08-12 08:07:17 首次发布

本文链接：https://blog.csdn.net/m0_72622669/article/details/126296488

版权

在《2021中国小程序行业报告》中总结道：微信小程序经历4年基础建设和积累爬坡，DAU破4亿，同比2019年的3.3亿增长21.2%;数量超380万，同比2019年300万增长26.7%;小程序GMV突破2万亿，同比2019年1.2万亿增长66.7%。

小程序（Mini Program）是一种不需要下载安装即可使用的应用，由腾讯于2017年1月9日首次推出，其理念是应用“触手可及"“用完即走”。

其优势是用户不用再关心应用安装太多的问题，也避免了频繁的切换应用。

它是一种新的移动应用程序格式，是一种依赖Web技术，但也集成了原生应用程序功能的混合解决方案。

小程序的一些特性有助于填补Web和原生平台之间的鸿沟，因此小程序受到了一些超级应用程序的欢迎。

· 它不需要安装，支持热更新。
· 它提供了一些通过原生路径访问操作系统功能(原生接口)或数据的机制。
· 它的内容通常更值得信赖，因为应用程序需要由平台验证。
· 具备多个Web视图以提高性能。

新技术的出现，总会对已有技术市场做出冲击，最明显的问题就是：小程序技术很友好

但一直以来都用flutter、VUE、React等主流框架语音开发的，如果想要使用小程序技术的话，现在就要多学一套小程序语言？那以前的业务代码也需要用小程序语言进行重构？
这个代价貌似有点大~~~

微信官方kbone，Web端同构的福音

小程序作为一种新兴地链接用户与服务的方式，相信大家都或多或少接触过。

对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。对于用户来说，能够节约使用时间成本和手机内存空间；对于开发者来说也能节约开发和推广成本。

随着小程序的发展，Web 端和小程序同构的呼声也越来越大，为此微信官方提供了 Kbone 这一套方案。旨在让开发者可以用最熟悉的方式来完成一个多端 APP 的开发，降低开发门槛。

Kbone——微信小程序同构方案新思路。

微信小程序的底层模型和 Web 端不同，我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。

kbone 的诞生就是为了解决这个问题，它实现了一个适配器，在适配层里模拟出了浏览器环境，让 Web 端的代码可以不做什么改动便可运行在小程序里。

因为 kbone 是通过提供适配器的方式来实现同构，所以它的优势很明显：

· 大部分流行的前端框架都能够在 kbone 上运行，比如 Vue、React、Preact 等。
· 在小程序端运行时，仍然可以使用小程序本身的特性（比如像 live-player 内置组件、分包功能）。
· 支持更为完整的前端框架特性，因为 kbone 不会对框架底层进行删改（比如 Vue 中的 v-html 指令、Vue-router 插件）。
· 提供了一些 Dom 扩展接口，让一些无法完美兼容到小程序端的接口也有替代使用方案（比如 getComputedStyle 接口）。
· 提供了常用的 dom/bom 接口，让用户代码无需做太大改动便可从 Web 端迁移到小程序端。

官方宣传的优点，简而言之就是：提供了常用的 DOM/BOM 接口，让用户代码无需做太大改动便可从 Web 端迁移到小程序端。
可以说，这一解决方案的面世，也算是微信响应市场上广大开发者日渐高呼的需求。

主流框架开发的小程序，FinClip让其运行在自有App，甚至多样化的端侧智能设备

FinClip 介绍

Finclip是与“微信小程序”、“百度小应用”等类似的技术平台。它有能渲染与执行小程序的客户端引擎、统一管理小程序上下架的中心、支撑小程序服务器端运行的云端设施、以及金融行业合规监管工具共同组成。其实就是可以使你的 App 可以像微信一样，拥有跑起来小程序的能力。

其中包括：

SDK-App，集成之后即拥有了运行小程序的能力；
小程序管理平台，用来管理 App 上的小程序上下架、体验版、数据统计等
这个技术特别之处就在于，它对微信小程序的兼容性高
换句话说，你开发的微信小程序，不管是用微信的小程序语法，还是用主流前端框架的语法进行开发的，都可以通过简单的小程序上下架和App关联操作后，快速的在App中运行小程序。