---
title: "Web（Dex Web）"
description: "Dex Web 是 Dex 的运维界面。用它查找 Flow、跟踪一次运行、读取输入、Attribute 和失败信息，并对 Flow 执行操作。"
canonical_url: "https://docs.superdurable.io/zh-Hans/components/web/"
source: "docs/i18n/zh-Hans/docusaurus-plugin-content-docs/current/components/web.mdx"
locale: "zh-Hans"
---

# Web（Dex Web）

Dex Web 是 Dex 的运维界面。用它查找 Flow、跟踪一次运行、读取输入、Attribute 和失败信息，并对 Flow 执行操作。

## 显示的内容

- **Search and Summary** 查找 Flow 并显示其状态。
- 运行页面显示一次运行的活动 Step、Attribute 和 Channel。它的 **Timeline** 列出这次运行的每个事件。事件面板显示事件的输入、输出和 Attribute 变化。
- **Flow canvas** 根据 Flow Definition Graph 画出 Flow 的 Step 和转移。这个 graph 由 **dexcli visualize** 的分析器根据 Flow 源码生成。
- **Start Flow** 启动 Flow，**Actions** 在选中的运行上调用 RPC。
- 实验性功能，例如 **Designs**、**Work Queue**、**Connectors** 和 **Agent session** 视图，只在适用时显示。

## 与其他组件的关系

Dex Web 作为单独的进程运行。它连接 [server](https://docs.superdurable.io/zh-Hans/components/server.md) 的 API，也就是 [Worker 和 Client](https://docs.superdurable.io/zh-Hans/components/application.md) 使用的同一个 API。Dex Web 启动的 Flow 在你的 Worker 上运行。本地开发时，Dex Web 还负责配置 [Connector](https://docs.superdurable.io/zh-Hans/concepts/connector.md)。

Dex Web 从 server 读取 Flow Definition Graph。Worker 或 **dexcli** 把它们发布到 server。Dex Web 也可以从一个目录读取 graph。这个目录是可选的。同一个 Flow type 两边都有 graph 时，以目录为准。

Dex Web 单独校验每份 graph。无效的 graph 会显示它的错误。其他 Flow type 不受影响。

## 运行

- **dexcli dev** 启动 Dex Web 和本地 server-zd。
- **dex-web** 是用于生产环境的独立二进制文件和容器镜像。
- **dexcli web** 针对一个已有的 server 提供 Dex Web，例如通过 SSH 隧道。

```bash
dex-web --flow-service-address 127.0.0.1:8801
```

Dex Web 没有终端用户身份验证。把它放在 TLS 和执行身份验证的反向代理之后，不要直接暴露到公网。

## 参考

英文的 [Web 参考](https://docs.superdurable.io/zh-Hans/reference/web.md) 介绍 **dex-web** 的设置、访问控制、每个界面、Flow 源码分析器，以及只读排障流程。