Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 17 additions & 16 deletions flashduty/en/2. RUM/1. Getting Started/1. Introduction.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,37 +9,35 @@ url: "https://docs.flashcat.cloud/en/flashduty/rum/introduction?nav=01JCQ7A4N4WR

---

Real User Monitoring (RUM) is an innovative technology that tracks and analyzes the actual experience of real users as they interact with your web applications. Unlike traditional simulation testing, RUM collects data directly from users' browsers, showing you how your application performs in real-world conditions.
Real User Monitoring (RUM) is an innovative technology that tracks and analyzes the actual experience of real users as they interact with your Web and native applications. Unlike traditional simulation testing, RUM collects data directly from users, showing you how your application performs in real-world conditions.

Flashduty RUM enables developers, operations engineers, and business stakeholders to gain intuitive insights into application performance, promptly identify issues, and continuously optimize user experience—all powered by real-time collection and analysis of end-user browser data.
Flashduty RUM enables developers, operations engineers, and business stakeholders to gain intuitive insights into application performance, promptly identify issues, and continuously optimize user experience—all powered by real-time collection and analysis of end-user data.

### Core Benefits

1. **Performance monitoring**: Monitor key performance metrics in real-time, including page load time, resource loading efficiency, and JavaScript execution status, to quickly identify bottlenecks affecting user experience.

2. **Error monitoring**: Automatically capture JavaScript errors, network failures, and other issues impacting users, with rich contextual information to help quickly locate and resolve problems.

3. **Insights**: Analyze performance of images, scripts, API calls, and other resources in depth to optimize loading speed, understand data trends, reduce bandwidth consumption, and minimize errors.
1. **Quickly identify root causes**: Perform multi-dimensional drill-down analysis through the Session Explorer linking various events (page visits, resource loading, user interactions, etc.), combined with trace linking to connect frontend and backend data, quickly locating problem sources from user side to server side.
2. **Comprehensively improve application stability**: Automatically capture JavaScript errors, client crashes, network failures, and other issues affecting users, providing rich contextual information to discover and resolve problems before they spread.
3. **Continuously optimize user experience**: Master key performance metrics in real-time including page load time, resource loading efficiency, and JavaScript execution status, scientifically guiding performance optimization based on real user data, eliminating guesswork.
4. **Data-driven decision optimization**: Deeply understand APP crash situations, resource performance, and data trends through analysis dashboards, providing reliable basis for product iteration and business decisions.
5. **Build a complete observability system**: Deeply integrated with the Flashduty monitoring system, enabling incident alerts through collaboration spaces, connecting frontend and backend monitoring links, and establishing a unified observability platform.

## Why Choose Flashduty RUM?

---

1. **Comprehensive visualization**: Gain a holistic understanding of application performance across different browsers, devices, and regions from the user's perspective.

2. **Early warning**: Identify and resolve issues before they become widespread, significantly improving application stability.
1. **Out-of-the-box**: Quick integration in 5 minutes, no complex configuration needed, supporting unified monitoring across Web, iOS, and Android, reducing integration and maintenance costs.

3. **Data-driven**: Develop optimization strategies based on real user data, eliminating subjective assumptions.
2. **Ecosystem integration**: Deeply integrated with Flashduty and Flashcat monitoring systems, enabling incident alerts through collaboration spaces, combined with trace linking to achieve end-to-end problem identification and analysis across frontend and backend, providing a one-stop observability solution.

4. **Ecosystem integration**: Deeply integrated with the Flashduty monitoring system, enabling incident alerts through channels and combining trace tracking for end-to-end problem identification and analysis across frontend and backend.
3. **Lightweight and efficient**: SDK uses a lightweight design that minimizes impact on user experience while ensuring complete data collection.

5. **Lightweight and efficient**: JavaScript SDK uses a lightweight design that minimizes performance impact while ensuring robust data collection.
4. **Flexible deployment**: Supports both SaaS cloud services and private deployment modes to meet different enterprise data security and compliance requirements.

## How RUM Works

---

Flashduty RUM collects data by embedding a lightweight JavaScript SDK in your web application. The SDK primarily collects the following types of data:
Flashduty RUM collects data by embedding a lightweight SDK in your Web application or native (Android, iOS) application. The SDK primarily collects the following types of data:

1. **Page visits**: Records page loading processes, navigation timing, and user environment information.

Expand All @@ -49,7 +47,7 @@ Flashduty RUM collects data by embedding a lightweight JavaScript SDK in your we

4. **Error information**: Captures JavaScript exceptions, network failures, and other issues.

5. **Long task tracking**: Monitors time-consuming JavaScript tasks that might cause page stuttering.
5. **Long task tracking**: Monitors time-consuming tasks that might cause page stuttering.

This data is transmitted to the Flashduty backend in real-time for processing and analysis, ultimately presented as intuitive dashboards and reports to help you fully understand your application's performance and user experience.

Expand All @@ -58,5 +56,8 @@ This data is transmitted to the Flashduty backend in real-time for processing an
To learn more about RUM capabilities and best practices, we recommend reading the following documentation:

- [Quick Start](https://docs.flashcat.cloud/en/flashduty/rum/getting-started?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5) — Build your user monitoring system from scratch and quickly optimize user experience.
- [Web Integration](https://docs.flashcat.cloud/en/flashduty/rum/web-sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5) — Quick integration for Web applications
- [iOS Integration](https://docs.flashcat.cloud/en/flashduty/rum/ios-sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5) — Quick integration for iOS applications
- [Android Integration](https://docs.flashcat.cloud/en/flashduty/rum/android-sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5) — Quick integration for Android applications
- [Performance Monitoring](https://docs.flashcat.cloud/en/flashduty/rum/performance-overview?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5) — Learn more about performance monitoring features.
- [Error Tracking](https://docs.flashcat.cloud/en/flashduty/rum/error-tracking-overview?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5) — Learn more about error tracking features.
- [Error Tracking](https://docs.flashcat.cloud/en/flashduty/rum/error-tracking-overview?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5) — Learn more about error tracking features.
15 changes: 6 additions & 9 deletions flashduty/en/2. RUM/1. Getting Started/2. Quick Start.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ Get started with Flashduty RUM in just a few simple steps:

### Basic Process

![2025-05-16-10-12-35](https://docs-cdn.flashcat.cloud/imges/png/d07dcc491678ab93ca5fe2302631913a.png)
![2026-01-14-16-52-12](https://docs-cdn.flashcat.cloud/imges/png/8ca04502f817c2aeae91df79a73dd5e4.png)

### Create a RUM Application

Expand All @@ -30,11 +30,10 @@ Visit [Application Management](https://docs.flashcat.cloud/en/flashduty/rum/appl
After creating a RUM application, you need to integrate the SDK into your application:

1. Get the SDK integration configuration information from the application details page
2. Choose the appropriate SDK integration method based on your application type:
- npm package import
- CDN import

Visit [SDK Documentation](https://docs.flashcat.cloud/en/flashduty/rum/sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5) for detailed setup instructions.
2. Choose the appropriate SDK integration method based on your application type. Learn more through the following links:
- [Web](https://docs.flashcat.cloud/en/flashduty/rum/web-sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5)
- [iOS](https://docs.flashcat.cloud/en/flashduty/rum/ios-sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5)
- [Android](https://docs.flashcat.cloud/en/flashduty/rum/android-sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5)

### Data Reporting

Expand All @@ -61,6 +60,4 @@ Visit [Performance Monitoring](https://docs.flashcat.cloud/en/flashduty/rum/perf

### Formal Subscription

Currently, the RUM service is in whitelist public beta, and all features are completely free. When the public beta ends, we will notify you to switch to a formal subscription or cancel the trial.

When officially launched, RUM will be charged based on the number of Sessions, and a certain level of free quota will be provided.
RUM is charged based on the number of Sessions, and a certain level of free quota is provided.
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: "RUM Application Management"
description: "Learn how to create and manage RUM applications on the FlashCat platform, including application creation, editing, and features."
description: "Learn how to create and manage RUM applications on the Flashcat platform, including application creation, editing, and features."
date: "2024-05-09T10:00:00+08:00"
url: "https://docs.flashcat.cloud/en/flashduty/rum/application-management?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5"
---
Expand All @@ -24,18 +24,20 @@ To meet special business requirements, RUM applications provide flexible permiss

You can quickly create an application through the RUM product guidance page

- **Application Type**: Choose the frontend technology type for your application. Currently, only `JavaScript (JS)` is supported.
- **Application Type**: Choose the frontend technology type for your application. Currently supports `JavaScript (JS)`, `Android`, and `iOS`.
- **Management Team**: Set the management team for the application. **Team members have full operational permissions for the application**, while non-creators have read-only access to the application's configuration.
- **Geographic Information**: By default, automatic user data collection is enabled. If you need to disable automatic user data collection for client IP or geographic location data, turn off the geographic information collection switch. For details, see [RUM Browser Data Collection](https://docs.flashcat.cloud/en/flashduty/rum/data-collection?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5).
- **Alert Configuration**: By default, alert notifications are automatically enabled to help you promptly handle errors. For details, see [Issue Alerting][https://docs.flashcat.cloud/en/flashduty/rum/issue-alerting?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5]
- **Alert Configuration**: By default, alert notifications are automatically enabled to help you promptly handle errors. For details, see [Issue Alerting](https://docs.flashcat.cloud/en/flashduty/rum/issue-alerting?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5)

## SDK Configuration

---

<Video src="https://docs-cdn.flashcat.cloud/videos/rum-app-set-sdk.mov"></Video>
<Video src="https://docs-cdn.flashcat.cloud/videos/app-sdk-config.mov"></Video>

You can modify parameters in the application configuration-SDK configuration to preview the SDK initialization code in real-time, allowing you to quickly integrate the SDK. For more configuration instructions, see [Initialization Parameters](https://docs.flashcat.cloud/en/flashduty/rum/sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5#initialization-parameters)
---

You can modify parameters in the application configuration-SDK configuration to preview the SDK initialization code in real-time, allowing you to quickly integrate the SDK. For more configuration instructions, see [Initialization Parameters](https://docs.flashcat.cloud/en/flashduty/rum/web-sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5#initialization-parameters)

:::tip
Modifying SDK configuration in application management will not take effect in real-time on already integrated clients. All configuration changes need to be updated in your frontend code and redeployed to take effect. This means that when you adjust parameters such as sampling rate, service name, etc., you need to correspondingly update the SDK initialization parameters in your frontend code and redeploy the application.
Expand All @@ -48,8 +50,10 @@ A service is an independent, deployable code repository that maps to a set of pa
- If your application is built as a whole, then your RUM application has one service name for that application.
- If your browser application is built as separate repositories for multiple pages, edit the default service name throughout the lifecycle of your application.

You can modify parameters in the application configuration-SDK configuration to preview the SDK initialization code in real-time, allowing you to quickly integrate the SDK. For more configuration instructions, see [Initialization Parameters](https://docs.flashcat.cloud/en/flashduty/rum/web-sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5#initialization-parameters)

## Next Steps

- [RUM SDK Integration Guide](https://docs.flashcat.cloud/en/flashduty/rum/sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5): Learn how to integrate the RUM SDK
- [RUM SDK Advanced Configuration](https://docs.flashcat.cloud/en/flashduty/rum/advanced-configuration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5): Learn how to configure advanced features of the SDK
- [RUM Analysis Dashboard](https://docs.flashcat.cloud/en/flashduty/rum/analysis-dashboard?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5): View and analyze RUM data
- [RUM SDK Integration Guide](https://docs.flashcat.cloud/en/flashduty/rum/web-sdk-integration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5): Learn how to integrate the RUM SDK
- [RUM SDK Advanced Configuration](https://docs.flashcat.cloud/en/flashduty/rum/web-advanced-configuration?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5): Learn how to configure advanced features of the SDK
- [RUM Analysis Dashboard](https://docs.flashcat.cloud/en/flashduty/rum/web-analysis-dashboard?nav=01JCQ7A4N4WRWNXW8EWEHXCMF5): View and analyze RUM data
Loading