【Github】项目名:Tencent/kbone:实现微信小程序与Web端同构的方案
项目简介
由于微信小程序底层模型和Web端不同,无法直接迁移Web端代码到小程序环境执行,kbone应运而生。它创建了一个适配器,在适配层模拟浏览器环境,使Web端代码能基本不改动就在小程序里运行。例如有代码片段https://developers.weixin.qq.com/s/R9Hm0Qm67Acd可查看效果。并且它有诸多优势,如多数流行前端框架可运行,支持完整前端框架特性,提供常用dom/bom接口方便代码迁移,在小程序端运行时还可使用小程序特性,也提供Dom扩展接口等。
项目使用方式
-
使用kbone – cli快速开发
先安装kbone – cli(npminstall – gkbone – cli),创建项目(kboneinitmy – app),再按照README.md指引开发,开发小程序端用npmrunmp,开发Web端用npmrunweb,构建Web端用npmrunbuild,项目基于webpack构建,可查看相关配置文档。
-
使用模板快速开发
可直接clone现有模板,如Vue、React、kbone – ui、Preact、Omi项目模板,然后按README.md指引开发。
-
手动配置开发
基于webpack构建实现,若不想用官方模板,需补充构建到小程序代码的webpack配置和特殊插件mp – webpack – plugin配置,可查看具体配置方式。
相关项目kbone – ui
kbone – ui是能同时支持小程序(kbone)和vue框架开发的多端UI库,可基于kbone同时开发小程序和H5,也可单独开发H5应用,支持Vue语法在H5端和小程序端运行,对齐微信weui样式组件,有详细文档说明。
项目总结
kbone提供了一种将Web端与微信小程序同构的解决方案,有自己的优势,但也并非万能。它以一定性能损耗换取Web端特性支持。若对小程序性能要求苛刻或页面节点数很多时需考虑其他方案。欢迎大家在评论区留言讨论这个项目。
项目地址
数据统计
数据评估
本站链氪巴士提供的Tencent/kbone:实现微信小程序与Web端同构的方案都来源于网络,不保证外部链接的准确性和完整性,同时,对于该外部链接的指向,不由链氪巴士实际控制,在2024年12月6日 上午12:00收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,链氪巴士不承担任何责任。