> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flashcat.cloud/llms.txt
> Use this file to discover all available pages before exploring further.

# 入门指南

> 了解如何快速开始使用 Flashduty RUM 进行前端性能监控

## 快速上手

使用 Flashduty RUM 只需简单几步，即可开始监控您的前端应用性能。

### 基本流程

<Frame>
  <img src="https://docs-cdn.flashcat.cloud/images/png/58786ccd0992207bc13d136be4d2d2db.png" alt="Flashduty RUM 接入流程图" />
</Frame>

### 接入步骤

<Steps>
  <Step title="创建 RUM 应用">
    RUM 应用是承载前端性能监控数据的容器。我们建议按照业务系统或应用来创建，例如：官网、商城、管理后台等。

    1. 进入 RUM 应用列表页，点击 **创建 RUM 应用**
    2. 输入应用名称、管理团队、访问级别和告警配置
    3. 点击确认创建即可

    <Tip>
      前往 [应用管理](/zh/rum/quickstart/app-management) 了解更多配置选项。
    </Tip>
  </Step>

  <Step title="接入 SDK">
    创建好 RUM 应用后，您需要将 SDK 集成到您的应用中。

    1. 在应用详情页获取 SDK 接入配置信息
    2. 根据您的应用类型，选择对应的接入文档

    <CardGroup cols={3}>
      <Card title="Web" icon="browser" href="/zh/rum/sdk/web/sdk-integration">
        适用于 Web 网页应用，支持 CDN 和 npm 两种接入方式
      </Card>

      <Card title="Android" icon="android" href="/zh/rum/sdk/android/sdk-integration">
        适用于 Android 原生应用，支持 Gradle 依赖接入
      </Card>

      <Card title="iOS" icon="apple" href="/zh/rum/sdk/ios/sdk-integration">
        适用于 iOS 原生应用，支持 CocoaPods 和 SPM 接入
      </Card>
    </CardGroup>
  </Step>

  <Step title="验证数据上报">
    SDK 集成完成后，系统将自动收集以下数据：

    * **页面性能指标**：加载时间、首屏时间等
    * **资源加载性能**：JS、CSS、图片等资源
    * **用户行为数据**：点击、滚动等交互
    * **错误和异常信息**：JavaScript 异常、网络错误
    * **网络请求性能**：API 调用耗时和状态

    <Check>
      数据通常在 2-5 分钟内显示在控制台中。
    </Check>
  </Step>
</Steps>

### 功能体验

在 RUM 控制台中，您可以使用以下功能：

<CardGroup cols={2}>
  <Card title="性能监控" icon="gauge-high" href="/zh/rum/performance/overview">
    查看实时性能数据，分析页面加载瓶颈
  </Card>

  <Card title="异常追踪" icon="bug" href="/zh/rum/error-tracking/overview">
    监控 JavaScript 异常，快速定位问题根因
  </Card>

  <Card title="会话重放" icon="video" href="/zh/rum/session-replay/overview">
    回放用户操作，还原问题发生场景
  </Card>

  <Card title="数据查询" icon="magnifying-glass" href="/zh/rum/explorer/overview">
    自定义查询和分析监控数据
  </Card>
</CardGroup>

## 下一步

* [数据收集](/zh/rum/others/data-collection) - 了解数据类型和存储策略
* [高级配置](/zh/rum/sdk/web/advanced-config) - 自定义 SDK 行为
* [问题排查](/zh/rum/sdk/web/faq) - 解决常见问题