微信小程序自诞生以来，已经渗透到用户生活的方方面面，包括餐厅订餐、网上购物、自驾游、挂号就医……

作为一名开发者，您是否也有这样的烦恼呢？

“Web项目完成后，我想在小程序上构建同样的产品。”

此时此刻，你是否感到心中一凛？再建一套同样的项目肯定是有成本的。比如同时维护两套相似的代码对于开发者来说是相当头疼的！ ！

针对以上问题，微信小程序应运而生，旨在解决微信小程序的同构问题。它是什么以及它有什么作用，让我们继续了解一下。

什么是

是致力于微信小程序与Web同构的解决方案。

微信小程序的底层模型与Web端不同。我们不可能直接把Web端的代码搬到小程序环境中执行。就是为了解决这个问题而诞生的。它实现了一个适配器，并在适配层模拟了浏览器环境，使得Web端代码无需任何改动就可以在小程序中运行。

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

优点和缺点

您可能想问：“市场上有这么多同构解决方案？为什么我要选择一个？”

下面我们就来说说它的优点有哪些。

1）大多数流行的前端框架都可以在其上运行，例如Vue、等。

2）支持更完整的前端框架功能，因为框架底层不会被删除（比如Vue、Vue-plug-in中的v-html指令）。

3）提供常用的DOM/BOM接口，允许用户代码从Web端迁移到小程序端，无需做大的改动。

4）在小程序端运行时，仍然可以使用小程序本身的功能（例如直播内置组件、分包功能）。

5）提供一些Dom扩展接口，让一些与小程序不完美兼容的接口可以有替代的使用方案（比如接口）。

那么，就没有缺点了吗？

并不是所有的解决方案都是完美的，就像每个人都有优点和缺点一样，每个人也不例外。

它用一定的性能损失来换取更全面的Web端功能支持。

如何选择同构解？

因为它会消耗一定的性能，所以我们建议您选择这个：

1）如果您对小程序的性能要求特别高，建议直接使用原生小程序开发。

2）如果您的页面节点数特别多（通常超过1000个节点），并且还需要在节点数无限增加时保证稳定的渲染性能，可以尝试业界的静态模板翻译方案。

3）其他情况可直接使用。

快速上手

说了这么多，你一定想知道怎么用吧。下面我们就来看看吧~

如果您的项目尚未启动，建议您使用-cli进行快速开发。只需两步：

1) 安装-cli

代码语言：txt

复制

npm install -g kbone-cli

2）创建项目

代码语言：txt

复制

kbone init my-app

项目初始化成功后，就可以按照.md指南进行开发了~

自己构建

如果你不想使用官方的模板，想要更灵活的构建自己的项目，或者想要修改现有的项目，只需要自己添加相应的配置即可构建项目。

一般需要添加两个配置：

1) 内置到小程序代码中。

2）使用构建中使用的特殊插件。

具体配置方法和操作步骤。