介绍

最近一直在思考一些小程序开发和移动Web开发，无意中在网上看到了这样一个项目——致力于微信小程序和Web同构的解决方案。微信小程序的底层模型与Web端不同。我们不可能直接把Web端的代码搬到小程序环境中执行。就是为了解决这个问题而诞生的。它实现了一个适配器，并在适配层模拟了浏览器环境，使得Web端代码无需任何改动就可以在小程序中运行。

和文档

优点

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

使用

为了让开发者更自由地构建项目，提供了以下三种方法，您可以选择任意一种：

使用-cli快速开发

对于新项目，您可以使用-cli来创建项目。首先安装-cli：

npm install -g kbone-cli

创建项目：

kbone init my-app

进入项目并按照.md指南进行开发：

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

使用模板快速开发

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

Omi是腾讯的前端跨框架跨平台框架

手动配置开发

该解决方案基于构造。如果您不想使用官方的模板，想要更灵活地构建自己的项目，或者想要改造现有的项目，则需要自己添加相应的配置来构建项目。

一般需要添加两个配置：

详细配置可以查看官方文档

-ui

-ui 是一个多端UI库，同时支持小程序()和vue框架开发。

总结

Web和小程序的同构解决方案有很多。比如之前介绍的uni-app和京东的芋头都是非常成熟的解决方案。但任何解决方案都会有其优点，并不能完全解决所有问题。每种都有其优点和缺点，因此最好选择更适合您的项目的一种！