微信小程序同构问题解决方案:Kbone 是什么?

2024-07-31
来源:网络整理

自诞生以来,微信小程序已渗透到用户生活的方方面面,包括餐厅订餐、网上购物、乘坐公交、挂号就医等。

作为开发者,您是否也有这样的困扰?——

“等Web项目完成后,产品经理也想为小程序做一个类似的系统。”

此刻你是否感觉心里一凉,再建一套同样的项目,肯定是需要成本的,比如同时维护两套类似的代码,对于开发者来说,是一件相当头疼的事情!

针对以上问题,微信小程序应运而生,旨在解决微信小程序同构问题,我们继续探索它是什么,它做什么。

什么是

是专门针对微信小程序与Web端同构的解决方案。

微信小程序底层模型与Web端不同,无法直接将Web端的代码搬到小程序环境中执行,的诞生就是为了解决这个问题,它实现了一个适配器,在适配层模拟浏览器环境,让Web端的代码不用做任何修改就能在小程序中运行。

这样我们就可以快速的将Web项目转化为微信小程序项目了。

优点

微信小程序底层模型与Web端不同,无法直接将Web端的代码搬到小程序环境中执行,的诞生就是为了解决这个问题,它实现了一个适配器,在适配层模拟浏览器环境,让Web端的代码不用做任何修改就能在小程序中运行。

如何使用

为了让开发者能够更加自由的搭建项目,提供了以下三种方式:

选一个:

应用端开发_端到端开发流程_多端小程序快速开发

对于新项目,可以使用-cli来创建项目。首先安装-cli:

npm install -g kbone-cli

创建项目:

kbone init my-app

进入项目,按照.md指导进行开发:

// 开发小程序端npm run mp // 开发 Web 端npm run web // 构建 Web 端npm run build

PS:项目以构建为主,可以点击此处查看各个环节的配置,小程序构建相关的详细配置细节可参见官方文档。

除了使用-cli之外,还可以直接下载现有的模板,然后基于该模板进行开发改造:

项目完成后,按照项目.md文件中的指导进行开发。

选择理由

其实业界存在很多同构方案,每种方案都有各自的优缺点,没有一种方案能够完美解决所有问题,同样它的优点上面已经说了,它的缺点也是由它的实现原理导致的,用一定的性能损失来换取更全面的Web端特性支持。

所以在性能方面,如果你对小程序的性能要求特别高,建议直接使用原生小程序开发;如果你的页面节点数较多(通常超过1000个节点),并且想在节点数无限增加的时候保证稳定的渲染性能,可以尝试业界使用的静态模板翻译方案;其他情况,直接采用即可。

结尾

分享