小程序资讯站一一为您提供当下热门前沿的小程序动态

查看更多
首页 > 小程序资讯 > 微信小程序官方推出!这可能是最好的小程序开源框架。

微信小程序官方推出!这可能是最好的小程序开源框架。

现在的微信小程序依然十分火热,今天就和大家分享一下这个由官方出品的小程序框架——kbone。这个框架其实已经发布很久了,但是知道的人依然不多。

       微信小程序开发过程中,许多开发者会遇到小程序 与 Web 端一起的需求,但是微信小程序的底层模型和 Web 端不同,我们想直接把 Web 端的代码挪到小程序环境内执行是不可能的。为了解决这个问题,微信小程序推出了同构解决方案 kbone。

kbone 方案设计有如下几个前提:
为了更好的复用组件,尽可能完整的支持 Web 端的特性
在小程序端的渲染结果要尽可能接近 Web 端 h5 页面
所以,与其他同构框架不同,kbone 是以适配器的方式来支持的。

适配器包含两部分:负责提供 dom/bom api 的 js 库和负责渲染的自定义组件,也就是 kbone 中的 miniprogram-render 和 miniprogram-element,可以看到 kbone 最终生成的小程序代码里会依赖这两个 npm 包。除此之外还需要一个 webpack 插件来根据原始的 Web 端源码生成小程序代码,因为小程序代码包和 Web 端的代码不同,它有固定的结构,而这个插件就是 mp-webpack-plugin。
miniprogram-render、miniprogram-element 和 mp-webpack-plugin 这三个包即是 kbone 的核心。

因为 kbone 是通过提供适配器的方式来实现同构,所以它的优势很明显:
大部分流行的前端框架都能够在 kbone 上运行,比如 Vue、React、Preact 等。
支持更为完整的前端框架特性,因为 kbone 不会对框架底层进行删改(比如 Vue 中的 v-html 指令、Vue-router 插件)。
提供了常用的 dom/bom 接口,让用户代码无需做太大改动便可从 Web 端迁移到小程序端。
在小程序端运行时,仍然可以使用小程序本身的特性(比如像 live-player 内置组件、分包功能)。
提供了一些 Dom 扩展接口,让一些无法完美兼容到小程序端的接口也有替代使用方案(比如 getComputedStyle 接口)。

使用方式
为了可以让开发者可以更自由地进行项目的搭建,微信小程序提供了三种使用方式,这里猿妹给大家介绍其中一种:


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.9K384个Fork。(GitHub地址:https://github.com/Tencent/kbone
小编就分享到这里了!感兴趣的小伙伴可以一起讨论交流,我们下期再见。

【温馨提示】极乐小程序倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至jason@dreawer.com,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于极乐小程序观点。用户与作者的任何交易与本站无关,请知悉。

热门标签

小程序    微信小程序    微信    小程序运营    百度小程序    运营    智能小程序    入口    电商    用户    好物圈    支付宝小程序    微信开店    公众号    APPx    注销    头条小程序    小程序开发    开店    新手开店    网上开店    实体店小程序    流量    功能    微信公众号    运营复盘    38妇女节    注册    小程序登录    小程序推广    微信小程序开发多少钱    外卖小程序    微信好物圈    腾讯    公测    抖音    房地产    小程序注册    微信下单小程序    微信自助下单系统    微信下单    开店步骤    内衣小程序    店铺    网店    找客户    微信店铺    乡镇小生意    农村小生意    赚钱    做生意    小程序开店    开店卖货赚钱    店卖货赚钱    程序    方式    答案    浅析    变现    分析    选择    原因    定制    程序开发    卖货    微信卖货    外卖    小程序拼团    小程序开发成本    裂变营销    小程序裂变    微信小程序SEO    小程序SEO    电商小程序开发    QQ小程序    家政    客服    获客    医疗小程序    侵权    百度搜索    b站    智慧零售    工具小程序    推广    物流助手    小程序电商    小程序物流助手    区块链小程序    区块链    小程序测评    管理    ios桌面    小程序主体    聊天    删除小程序    商业价值    营销获客    生鲜水果    企业