首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端插件化架构的思考

一来是公司比较忙,二是自己也在思考一些新的问题。最近一个月,在我脑海回想最多的一个词语是“插件化架构”。作此文,也是想简单分享一下我对这个问题的见解。 来自 Webpack 的启发 ?...从 Webpack 的插件化架构设计上所表现出系统良好的开放性,可持续的简洁性,我自然想象到,为何不在业务系统中采用这样的插件化架构。 什么是插件?...这样理解,有助于我们设计出更容易复用的插件,同时也可以复用已有软件的系统。 插件化架构的优势 正如前文所说,插件化架构一个显而易见的优势就是它是开闭原则在跨系统级别的最佳实践。...何为跨系统,如果说设计模式是设计单个系统的最佳实践,那么我们已经论证,插件化架构可以链接多个子系统,而做到开闭原则。即插件核心和接口不变,系统可以持续接入新插件,来丰富系统的功能。...插件化架构的未来 这里不好说它一定是未来。暂且认为是我设想的未来发展的一种可能。

2.8K20

插件式开发架构综述

对于后端开发,微服务的形式也越来越流行,但是据笔者看来,微服务的很多设计思路,和插件式开发架构的设计理念也有相近之处。...Eclipse, Visual Studio, VSCode等,都是插件式开发架构的典型案例。 现代软件提供插件式开发架构,一方面是服务于产品自身内部开发,另外一方面服务于市场化。...插件式开发架构要领 不管基于何种语言进行插件式开发框架的设计,有一些共同的要点需要具备。 2.1 插件运行主体 基于插件模式进行开发的软件,一般会存在一个运行主体。...总结 本文简单说明了插件开发架构中的一些基本原则,以及采用不同语言开发的软件平台中的插件开发模式。...需要注意的是,实际插件架构中,根据产品的不同、面向的领域不同、采用的编程语言不同,会有很多不一样的设计,需要结合具体情况进行设计。

3.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Webpack 插件架构深度讲解

    webpack 插件架构的核心逻辑。...简介 网上不少资料将 webpack 的插件架构归类为“事件/订阅”模式,我认为这种归纳有失偏颇。...而 webpack 的插件体系是一种基于 Tapable 实现的强耦合架构,它在特定时机触发钩子时会附带上足够的上下文信息,插件定义的钩子回调中,能也只能与这些上下文背后的数据结构、接口交互产生 side...要理解 webpack 的插件架构,必须先理顺 Tapable 提供了哪些类型的钩子,不同类型分别有什么特点,适配哪些应用场景,所幸这块逻辑并不复杂,我们展开来看看。...插件架构灵活性高,扩展性强,但是通常需要非常强的架构能力,需要至少解决三个方面的问题: 「接口」:需要提供一套逻辑接入方法,让开发者能够将逻辑在特定时机插入特定位置 「输入」:如何将上下文信息高效传导给插件

    1.7K20

    【Chromium中文文档】插件架构

    背景 在阅读这个文档前,你应当熟悉Chromium的多进程架构。 概述 插件是浏览器不稳定的主要来源。插件也会在渲染器没有实际运行时,让进程沙箱化。...无窗口插件通常用在希望插件在网页上透明的情况 -- 这取决于插件绘制代码,以决定它如何导航给定的网页。 为了将无窗口插件抽出进程,你仍然需要在同步的WebKit渲染端合并他们的渲染。...渲染器有一个高效的回退存储,存储插件的渲染区域的图像,并使用这个图像来绘制,这样插件就可以异步发送新的代表更改渲染区域的更新。 所有的这些在透明插件上都有点复杂。...渲染器进程 回退存储插件最后绘制的东西 插件的共享内存,以接收更新(“透明的DIB”) 复制插件背后的页面背景(在下面有描述) 插件进程 复制插件背后的页面背景,作为绘制时的源材料使用 渲染器共享内存以发送更新...因为如果页面背景改变了,我们需要同步地让插件重新绘制新的即将出现的背景。我们可以通过比较新绘制的背景和我们的插件存储的背景副本来判断背景的改变。

    2.2K60

    Android插件化架构 - Activity的启动流程分析

    概述 Android插件化架构,目前第三方的框架比较多,早几年自己用的是DL框架,这个框架的源码比较简单主要用的是静态代理。...如果我们自己要去写一个插件化架构框架那要解决的问题会分为几个方面,类的加载,资源和布局的加载,广播的管理方式,Activity的加载和生命周期管理,Service的插件化,ContentProvider...的插件化等等等等,反正加载一个没有运行的app到主程序,需要解决的问题基本就这么多,如果能够一一解决那么就可以实现插件化了。   ...的工程师,写的代码可扩展真的很不错,要是换做一般人版本迭代几次代码就改不动了,得要重新架构重新写,这也是我们学习的方式,源码其实是最好的书籍。...那么结合动态代码设计模式以及Activity的启动流程,我们就可以尝试去拦截Activity的启动流程,让没有在AndroidMainfest.xml中注册的Activity也能启动并且不报错,这样我们就算是跨出了插件化架构的第一步了

    46030

    插件化架构设计(3):前端可视化化平台插件架构-grafana实践

    插件实践方案其实插件你就把它当一个组件来用就好。用起来就是异步组件加载。...cn.vuejs.org/v2/guide/components-dynamic-async.htmlreact异步组件加载,其实更好办:在Suspense里面 渲染异步组件或者 是 通过state 渲染出 加载的虚拟...ModelPage',            }        },        methods: {            /*            * 通过动态注册全局组件实现动态异步加载组件的功能...componentDidMount() {      importComponent().then((mod) => {        this.setState({          // 同时兼容ES6和CommonJS的模块...》转载本站文章《插件化架构设计(3):前端可视化化平台插件架构-grafana实践》,请注明出处:https://www.zhoulujun.cn/html/webfront/engineer/Architecture

    78230

    插件化架构设计(1):插件化架构能解决什么问题?为啥选它?

    为了降低系统模块内部耦合度,减少开发难度,也为了能够支持多团队的并行开发,插件式开发架构变得愈加流行,Eclipse, Visual Studio, VSCode等,都是插件式开发架构的典型案例。...现代软件提供插件式开发架构,一方面是服务于产品自身内部开发,另外一方面服务于市场化。...为什么是插件化开发借用内核+应用软件开发的思想,首先有一个插件调度的核心,在这个核心的支持下可以开发支持这个核心的应用程序,我把这些应用程序称为『插件』,插件是一个具有完整逻辑的应用程序,它不依赖任何其他的插件...参考文章:前端插件化架构的思考 https://cloud.tencent.com/developer/article/1600005前端插件化架构的探索和实践 https://segmentfault.com...好像也就那么回事 https://juejin.cn/post/7143869920193822733转载本站文章《插件化架构设计(1):插件化架构能解决什么问题?为啥选它?》

    1.4K30

    插件化架构设计(1):插件化架构能解决什么问题?为啥选它?

    为了降低系统模块内部耦合度,减少开发难度,也为了能够支持多团队的并行开发,插件式开发架构变得愈加流行,Eclipse, Visual Studio, VSCode等,都是插件式开发架构的典型案例。...现代软件提供插件式开发架构,一方面是服务于产品自身内部开发,另外一方面服务于市场化。...为什么是插件化开发借用内核+应用软件开发的思想,首先有一个插件调度的核心,在这个核心的支持下可以开发支持这个核心的应用程序,我把这些应用程序称为『插件』,插件是一个具有完整逻辑的应用程序,它不依赖任何其他的插件...参考文章:前端插件化架构的思考 https://cloud.tencent.com/developer/article/1600005前端插件化架构的探索和实践 https://segmentfault.com...好像也就那么回事 https://juejin.cn/post/7143869920193822733转载本站文章《插件化架构设计(1):插件化架构能解决什么问题?为啥选它?》

    88620

    企业应用架构的基本模式之插件模式

    本篇介绍企业应用架构的基本模式之一插件(Plugin)模式。 插件(Plugin) 在配置时而非编译时连接类。...插件工厂要求指明某一环境下,接口与哪一个实现连接的指令在一个单独的、代码之个的地方声明,以便配置具有可管理性,此外,与实现的连接必须是在运行时动态进行,而不是在编译时进行,这样才能在重配置后无需重新编译...文本文件可以很好的描述连接规则。插件工厂不过简单的读取文本文件,查找指定当前环境下所需的接口对应哪一个实现的项,然后返回相应的实现。...即使没有使用反射机制的程序语言,插件仍然有其存在的价值,它创建了一个中心配置点,仍然可以使用一个文本文件来设置连接规则,唯一区别在于你的工厂将使用一个条件判断逻辑来将接口映射到实现。...为了执行层间和包间依赖关系的编译检查,可以将工厂放到一个独立的包中以避免破坏编译过程。 使用场景 只要有行为在不同运行环境要求不同的实现时,就应使用插件模式。

    51510

    优酷 iOS 插件化页面架构方法

    如何才能解决上述痛点是我们在做架构蓝图时的一个突破口。...推而广之,不仅 ViewController 是一块插线板,任意一个类也看看作为一块插线板,它们的功能业务逻辑依然以 feature 的模式来组织。插件化页面架构的基调就被确定了。...插件化是业内普遍使用的解耦方案之一,我们不约而同地朝着这一方向来对现架构的改造,同时结合优酷的实际情况,得出一套以模块化、插件化、数据 Key-Value 化为特点的页面架构框架。...在此基础上,我们将常用的列表容器、UI 布局逻辑、埋点统计逻辑、网络请求逻辑、用户交互手势逻辑、路由跳转逻辑等通用逻辑进行抽象插件化改造,最终形成 4+N 的架构组成。 ?...七、架构实践 本章节用图来说明如何使用插件化来编写一个按钮功能。一个页面上有一个按钮并支持点击跳转。

    1.3K10

    优酷iOS插件化页面架构方法

    插件化是业内普遍使用的解耦方案之一,我们不约而同地朝着这一方向来对现架构的改造,同时结合优酷的实际情况,得出一套以模块化、插件化、数据 Key-Value 化为特点的页面架构框架。...那么我们在现有基础上只需要多增加一个 LoginCheckPlugin 来处理这些逻辑并且不需要修改原有 plugin 代码,这也是插件化其中的一个优势。 结语; 只有合适的架构,没有最好的架构。...插件化页面架构有利也有弊,它颠覆了 MVC 架构的开发体验,增加了开发者学习成本,编译器也无法帮助开发者编译时(事件名错配等)校验。...因此,我们充分发挥它的面向切面编程能力,在开发过程中,我们通过插件的形式加入调试类和监控类逻辑来缓解架构的不足,另一方面则建立标准化插件管理平台对所有插件进行系统化管理。...插件化页面架构是一个很好的起点,我们将会持续地完善和深挖它的能力,最终让其更稳定且高效地支撑业务发展。

    1.5K51

    插件化架构设计(2):插件化从设计到实践该考量的问题汇总

    根据《插件式可扩展架构设计心得》精读扩展版怎么实现插件化模式插件模式本质是一种设计思想,并没有一个一成不变或者是万金油的实现。...插件化架构定义插件化架构又称微核架构,指的是软件的内核相对较小,主要功能和业务逻辑都通过插件实现。插件化架构一般有两个核心的概念:内核和插件。...比方说,浏览器就是一个典型的插件化架构,浏览器是内核,页面是插件,这样通过不同的URL地址加载不同的页面,来提供非常丰富的功能。...工厂模式,一个插件暴露出来的是一个工厂函数,由调用者或者插件架构来将提供配置信息传入,生成插件实例。运行时传入,插件架构在调度插件时会通过约定的上下文把配置信息给到插件。.../p/35997606插件式开发架构综述 https://www.modb.pro/db/131158转载本站文章《插件化架构设计(2):插件化从设计到实践该考量的问题汇总》,请注明出处:https:/

    1.2K10

    分层架构演化:从单体的插件化演化所引起的思考

    迫使 Inherd 开源小组在 Coco 在初始阶段,便考虑了为 Coco 设计插件系统。直到最近,我们实现了插件系统之后,发现了原来设计的分层架构已经不满足现今的需求。...的分层架构。...插件化的架构演变 同时,为了灵活地扩展系统的功能,我们设计了插件系统。...我不想像一些插件化项目中,在 core 中提供大量非核心的代码。 只是呢,随着第一个模型复用需求的出现,很快地就有了第二部分、第三部分。...再次抉择:基础设施层的改造 而插件之间除了模型的复用,还会有基础设施的复用。而这些代码,我又不想放到 core 里,所以就又需要抽取中一个 infra 的模块,用来共享基础设施的代码。

    44420

    插件式可扩展架构设计心得

    插件架构设计绕不开的几大要素 插件模式的设计,可以简单也可以复杂,我们不能指望一套插件模式适合所有的场景,如果真的可以的话,我也不用写这篇文章了,给大家甩一个 npm 地址就完事了。...具体选择什么方式实现,一定是根据具体解决的问题权衡得出的。不过呢,这事终归还是有迹可循,有法可依的。 当正式开始设计我们的插件架构时,我们所要思考的问题往往离不开以下几点。...一种是工厂模式,一个插件暴露出来的是一个工厂函数,由调用者或者插件架构来将提供配置信息传入,生成插件实例。另一种是运行时传入,插件架构在调度插件时会通过约定的上下文把配置信息给到插件。...逻辑:我们新增了一项插入当前时间的能力逻辑。 所以我们在设计一个插件架构时呢,也主要就从这三方面是否会被影响考虑即可。...个人认为设计一个插件架构,是一定逃不开针对这些问题的思考的,而且只有去真正关注这些问题,才能避开炫技、过度设计等面向未来开发时时常会犯的错误。

    1.8K31
    领券