自诞生以来,微信小程序已渗透到用户生活的方方面面,包括餐厅订餐、网上购物、乘坐公交、挂号就医等。
作为开发者,您是否也有这样的困扰?——
“等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个节点),并且想在节点数无限增加的时候保证稳定的渲染性能,可以尝试业界使用的静态模板翻译方案;其他情况,直接采用即可。
结尾