微信小程序框架 kbone:解决小程序与 Web 端同构难题

2024-07-23
来源:网络整理

关注“大本营”,选择“设为星星”

回复“资源”即可获得价值1280元的编程资料一套~

来自开源前线的全面总结

微信小程序现在还是很火的,今天给大家分享一下这个官方的小程序框架——。这个框架其实已经发布了很久了,但是知道的人并不多。

在微信小程序开发过程中,很多开发者都会遇到需要同时使用小程序和Web版的情况,但是微信小程序的底层模型与Web版不同,无法直接将Web版代码搬到小程序环境中执行,为了解决这个问题,微信小程序推出了同构的解决方案。

该方案的设计有以下前提条件:

因此与其他同构框架不同的是,它以适配器的形式受到支持。

适配器由两部分组成:负责提供 dom/bom api 的 js 库和负责渲染的自定义组件,分别是 - 和 -。可以看到最终生成的小程序代码会依赖这两个 npm 包。另外还需要一个插件才能根据原有的 web 端源码生成小程序代码,因为小程序代码包和 web 端代码不一样,有固定的结构,这个插件就是 mp--。

-、- 和 mp-- 这三个包是核心。

由于同构是通过提供适配器来实现的,所以它的优点是显而易见的:

如何使用

微信小程序开发者key_小程序可以开发票吗_使用kbone开发小程序

为了让开发者能够更加自由地构建项目,微信小程序提供了三种使用方式,这里我给大家介绍其中一种:

npm install -g kbone-cli

使用 -cli 进行快速开发。对于新项目,可以使用 -cli 创建项目。首先安装 -cli:

创建项目:

kbone init my-app

进入项目,按照.md指导进行开发:

// 开发小程序端
npm run mp

// 开发 Web 端
npm run web

// 构建 Web 端
npm run build

剩下的两种方式分别是使用模板快速开发和手动配置开发,有兴趣的可以看看。

目前,它有 3.9K 个星星和 384 个 fork。(地址:)

—— 推荐阅读 ——

听说程序员最怕命名!这本 7.7k Star 手册能帮到你

分享