开源前线（ID：OpenSourceTop）猿女综合整理
链接：腾讯开源、
今天的陌陌小程序还是很受欢迎的，明天我给大家分享一下这个官方的小程序框架——kbone。 虽然这个框架已经发布很久了，而且知道的人并不多。
在陌陌小程序的开发过程中，很多开发者都会遇到小程序和Web端协同工作的需求，而陌陌小程序的底层模型和Web端是不同的。 我们想要在小程序环境中直接执行Web端的代码。 不可能的。 为了解决这个问题好用的小程序开源框架网站，陌陌小程序推出了同构解决方案kbone。
kbone 解决方案设计具有以下先决条件：
因此，与其他同构框架不同，kbone 由适配器支持。
适配器由两部分组成：负责提供dom/bomapi的js库和负责渲染的自定义组件，即kbone中的miniprogram-render和miniprogram-element。 可以看到kbone生成的小程序代码会依赖这两个npm包。 另外，还需要一个webpack插件来根据原来的web端源码生成小程序代码，因为小程序代码包与web端代码不同，它有固定的结构，而这个插件是 mp-webpack-plugin。
miniprogram-render、miniprogram-element 和 mp-webpack-plugin 三个包是 kbone 的核心。
由于kbone通过提供适配器来实现同构，所以它的优点是显着的：
指示
为了让开发者更自由地构建项目好用的小程序开源框架网站，陌陌小程序提供了三种使用方式，这里我向大家介绍其中一种：
npm install -g kbone-cli
使用 kbone-cli 进行快速开发。 对于新项目，您可以使用 kbone-cli 创建项目。 首先，安装 kbone-cli：
创建项目：
kbone init my-app
进入项目并按照README.md的指导进行开发：
// 开发小程序端
npm run mp
// 开发 Web 端
npm run web
// 构建 Web 端
npm run build
剩下的两种形式是使用模板快速开发和自动配置开发。 如果你有兴趣，可以去 GitHub 上查看。
目前，kbone 已经在 GitHub 上标记了 3.9K star 和 384 个 Fork。 （GitHub地址：）
1、
2、
3.
4.
