选择加载 WU 的方式。
使用 npm 集成到构建,或从 CDN 导入 ESM 模块。同一个 shell 下所有应用应使用相同版本的运行时。
版本与已验证示例
本文档适用于 Framework 4.0.0 和 CLI 1.2.0。参考内容依据这些版本的代码和可运行示例进行核对。
所有实验室与下载示例均固定 WU Framework 4.0.0。终端指南使用 CLI 1.2.0。升级现有项目之前请查看不兼容变更。
从 CDN 导入
import { wu } from 'https://cdn.jsdelivr.net/npm/wu-framework@4.0.0/dist/wu-framework.esm.js';
await wu.init({ sandbox: 'module', apps: [
{ name: 'catalog', url: '/apps/catalog' },
] });
await wu.mount('catalog', '#catalog-slot');示例的运行时
首页、API 配方和 Apps in motion 在构建中包含运行时。组合及服务/RPC 使用带版本的 CDN,以及相同版本的本地备用包。每个组合保留一个共享实例。
可下载的 SSR 和 MCP 示例需要 Node 及相应进程。打开门户不会启动 Node 服务器。Worker/WASI 示例通过 WU 契约在浏览器中执行工作。
官方仓库
Markdown 文档
文档和搜索由同一组章节生成。每页都提供 Markdown 版本,便于阅读、贡献和工具使用。
- WU Framework 4.0 与 CLI 1.2:升级和迁移
- 前端开发:使用 WU 可以构建什么
- 第一个微应用
- 微前端:何时选择 WU Framework
- 添加第二个应用
- 多框架架构
- 使用 React、Angular 和 WU 构建微前端
- WU 与 Module Federation、single-spa 对比
- 准备生产版本
- 门户如何构建
- 如何运行示例
- React 与 Vue 共享计数器
- 两个微应用之间求和
- 使用 WU 连接服务
- 保留状态的编辑器
- 什么是 WU
- 配置与 manifest
- 生命周期与所有权
- 加载、entries 与预加载
- DOM、CSS 与 sandbox
- 事件、RPC 与契约
- 共享状态
- 导航与组合
- Astro、React、Vue 与 adapters
- 权限与信任边界
- 公开参考
- 诊断与测试
- Hooks、插件、timeline 与 AI
- SSR 与水合
- 组合与权限参考
- Store 与同步参考
- 事件、RPC 与契约参考
- Hooks、插件与 timeline 参考
- 加载、缓存与诊断参考
- 渲染与 HTTP 安全参考
- 适配器与绑定参考
- AI、上下文与 workflows 参考
- Astro、Next 与辅助工具参考
- 核心、子系统与清单
- 安装与恢复 .wuapp 文件
- 远程应用与能力端口
- 比较影子版本
- 过渡、焦点与窗口
- 跨应用拖放
- 演进契约并兼容旧客户端
- 监督、恢复与 replay
- 渐进式 SSR 与 Trusted Types
- 服务器与 SSR 实战方案
- 可运行的 AI actions 与 MCP
- MCP API:bridge、relay 与工具
- WU CLI 的作用
- 安装与版本
- 创建项目
- 添加与移除微应用
- 配置与发现
- 开发与重新加载
- 各应用的依赖与版本
- 构建生产版本
- 提供生产构建
- Doctor:本地与远程诊断
- HTTP 策略与宿主边界
- CLI 内部架构
- 模板与多框架组合
- 完整命令参考
- 使用 wu pack 打包应用
- 浏览器测试与模拟应用
- 契约、类型与转换器