# AfterPack 控制台

AfterPack 控制台展示什么内容、如何组织，以及哪些构建会出现在其中。

Source: https://www.afterpack.dev/zh/docs/dashboard

控制台展示你的 **Pro Cloud** 构建做了什么。每个注册账户都可以免费使用,它会追踪某次构建是否运行、花费了多少、转换了多少代码,以及产生了哪些诊断信息。

使用 AfterPack 并不需要它:[`npx afterpack@latest dist/`](https://www.afterpack.dev/zh/docs/cli#usage) 完全在你自己的机器上运行,保护你的打包产物,不向任何地方发送任何内容。

## 什么会出现在控制台里

| 构建 | 是否出现在控制台 |
| --- | --- |
| 本地 Free 构建(`npx afterpack@latest`、未配置密钥的[插件](https://www.afterpack.dev/zh/docs/frameworks)) | 不会。它从不联系 AfterPack,因此没有记录可展示。 |
| [Pro Cloud 构建](https://www.afterpack.dev/zh/docs/deployment-modes)(解析出了 [`AFTERPACK_key`](https://www.afterpack.dev/zh/docs/config#key),文件被发送到云端引擎) | 会。每次构建一行,附带其指标、花费和诊断信息。 |
| 开启了 [Protection Map](https://www.afterpack.dev/zh/docs/protection-map) 捕获的 Pro Cloud 构建 | 会,还会存储一份可以按令牌打开阅读的地图。 |
| 失败的构建 | 可能会发送匿名的、不含源码的失败遥测数据(可用 [`AFTERPACK_telemetry_enabled=false`](https://www.afterpack.dev/zh/docs/config#telemetry-enabled) 关闭),但不会创建构建记录行。 |

如果构建没有出现,它们很可能是本地构建。参见 [API 密钥](https://www.afterpack.dev/zh/docs/dashboard/api-keys)。

## 登录

在 [afterpack.dev/login](https://www.afterpack.dev/zh/login) 用以下任一方式登录:

- **魔法链接**。输入你的邮箱,点击收到的链接。无需管理密码。
- **Google 登录**。一次点击,同一个账户。

两种方式都会把你带到最近使用的工作区。注册是免费的,并会创建一个带有 `Default` 项目的[工作区](https://www.afterpack.dev/zh/docs/dashboard/workspaces)。

## 组织结构

分两个层级,侧边栏的两个选择器分别对应它们:上层是**工作区**,下层是**项目**。

| 层级 | 包含 | 页面 |
| --- | --- | --- |
| [工作区](https://www.afterpack.dev/zh/docs/dashboard/workspaces) | 订阅、MB 额度、成员、项目 | 概览、账单、设置 |
| [项目](https://www.afterpack.dev/zh/docs/dashboard/workspaces#projects) | 某个 [API 密钥](https://www.afterpack.dev/zh/docs/dashboard/api-keys)产生的构建及其 Protection Map | 概览、构建、密钥、项目设置 |

在某次构建内部,侧边栏会把该项目的其他构建嵌套在**构建**下方,这样你无需返回列表就能对比两次构建。

当有事项需要关注时,[**账单**](https://www.afterpack.dev/zh/docs/dashboard/usage)导航项会带有一个状态徽标:*试用中*、*已逾期*、*已阻止*(权益已失效,构建已停止),或*已达上限*(额度已用尽)。

## 在这里要做什么

1. **[创建一个 API 密钥](https://www.afterpack.dev/zh/docs/dashboard/api-keys)**,把本地构建变成 Pro Cloud 构建,并填充其余所有内容。
2. **[阅读一次构建](https://www.afterpack.dev/zh/docs/dashboard/builds)**:覆盖率、体积膨胀、复杂度、构建耗时、诊断信息,以及存储下来的 Protection Map(如果有的话)。
3. **[把工作组织进项目](https://www.afterpack.dev/zh/docs/dashboard/workspaces)**,并邀请需要看到它的人。
4. **[查看用量并管理套餐](https://www.afterpack.dev/zh/docs/dashboard/usage)**:计量的 MB、剩余多少,以及繁忙的一个月要花多少钱。

## 下一步

- [工作区与项目](https://www.afterpack.dev/zh/docs/dashboard/workspaces):其余一切都挂靠其上的对象。
- [构建](https://www.afterpack.dev/zh/docs/dashboard/builds):单次构建的记录以及如何阅读它。
- [API 密钥](https://www.afterpack.dev/zh/docs/dashboard/api-keys):生成、限定范围与撤销。
- [用量与账单](https://www.afterpack.dev/zh/docs/dashboard/usage):计量表、额度池与套餐。
- [账户](https://www.afterpack.dev/zh/docs/accounts):账户是做什么用的,以及你自己的账户页面。
- [套餐](https://www.afterpack.dev/zh/docs/tiers):每个套餐的额度和项目数量限制。