76147bae94
一切皆为插件的开发者工具运行时框架
🧩 核心特性:
- 插件热插拔 (importlib 动态加载)
- 依赖自动解析 (拓扑排序 + 循环检测)
- 企业级稳定 (熔断/降级/重试/隔离)
- 事件驱动 (发布/订阅事件总线)
- 完整配置 (YAML 配置 + 热重载)
95 lines
4.9 KiB
HTML
95 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>架构设计 - Future OSS</title>
|
|
<meta name="description" content="了解 Future OSS 的插件化架构设计：插件管理器、依赖关系图、事件总线、数据流。" />
|
|
<meta name="keywords" content="OSS架构, 插件架构, 依赖图, 拓扑排序, 事件总线, 数据流, 微服务架构, Go架构" />
|
|
<meta name="author" content="Falck" />
|
|
<meta property="og:title" content="架构设计 - Future OSS" />
|
|
<meta property="og:description" content="插件化架构：插件管理器、依赖关系图、事件总线、数据流" />
|
|
<meta property="og:type" content="website" />
|
|
<link rel="canonical" href="https://oss-runtime.dev/architecture" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="css/main.css" />
|
|
<link rel="stylesheet" href="css/dock.css" />
|
|
<link rel="stylesheet" href="css/page.css" />
|
|
</head>
|
|
<body>
|
|
<canvas id="particles"></canvas>
|
|
|
|
<!-- Dock 侧边栏 (由 js/dock.js 动态生成) -->
|
|
<div id="dock-container"></div>
|
|
|
|
<main class="page-content">
|
|
<div class="page-header">
|
|
<span class="section-badge">架构设计</span>
|
|
<h1 class="page-title">插件驱动的<span class="gradient-text">分层架构</span></h1>
|
|
<p class="page-desc">一切皆为插件，框架本身只提供核心能力</p>
|
|
</div>
|
|
|
|
<div class="arch-diagram">
|
|
<div class="arch-layer arch-core">
|
|
<div class="arch-label">Future OSS 核心</div>
|
|
<div class="arch-modules">
|
|
<div class="arch-module">插件管理</div>
|
|
<div class="arch-module">事件总线</div>
|
|
<div class="arch-module">消息总线</div>
|
|
<div class="arch-module">配置系统</div>
|
|
</div>
|
|
</div>
|
|
<div class="arch-connector"></div>
|
|
<div class="arch-layer arch-plugins">
|
|
<div class="arch-plugin-grid">
|
|
<div class="arch-plugin">
|
|
<div class="arch-plugin-title">协议插件</div>
|
|
<div class="arch-plugin-items">HTTP / WS</div>
|
|
<div class="arch-plugin-items">TCP / gRPC</div>
|
|
<div class="arch-plugin-items">UDP / Unix</div>
|
|
</div>
|
|
<div class="arch-plugin">
|
|
<div class="arch-plugin-title">工具插件</div>
|
|
<div class="arch-plugin-items">外部进程</div>
|
|
<div class="arch-plugin-items">脚本执行</div>
|
|
<div class="arch-plugin-items">依赖管理</div>
|
|
</div>
|
|
<div class="arch-plugin">
|
|
<div class="arch-plugin-title">中间件插件</div>
|
|
<div class="arch-plugin-items">限流 / 认证</div>
|
|
<div class="arch-plugin-items">日志 / 压缩</div>
|
|
<div class="arch-plugin-items">缓存 / 重试</div>
|
|
</div>
|
|
<div class="arch-plugin">
|
|
<div class="arch-plugin-title">通知插件</div>
|
|
<div class="arch-plugin-items">Webhook</div>
|
|
<div class="arch-plugin-items">邮件 / 钉钉</div>
|
|
<div class="arch-plugin-items">Telegram</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="arch-flow">
|
|
<h2 class="arch-flow-title">数据流</h2>
|
|
<div class="arch-flow-steps">
|
|
<div class="flow-step"><span class="flow-step-num">1</span><span>外部请求进入协议插件</span></div>
|
|
<div class="flow-arrow">→</div>
|
|
<div class="flow-step"><span class="flow-step-num">2</span><span>中间件链处理（认证/限流）</span></div>
|
|
<div class="flow-arrow">→</div>
|
|
<div class="flow-step"><span class="flow-step-num">3</span><span>业务插件执行逻辑</span></div>
|
|
<div class="flow-arrow">→</div>
|
|
<div class="flow-step"><span class="flow-step-num">4</span><span>发布事件 + 返回响应</span></div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
|
|
<script src="js/dock.js"></script>
|
|
<script src="js/particles.js"></script>
|
|
<script src="js/animations.js"></script>
|
|
</body>
|
|
</html>
|