接入Uniapp应用

创建应用

1. 登录云监控2.0控制台，选择目标工作空间，在左侧导航栏选择接入中心 > 接入中心。

2. 在前端应用区域单击Uniapp卡片，输入应用名称并根据需求配置其他参数，然后单击创建应用。

   说明

   应用名称唯一，不能与已创建的应用名称重复。

   创建成功后，页面下方将会生成相应的接入代码，代码中包含了AppID、ConfigAddress等关键信息。

   后续您可以在应用中心 > 用户体验监控 > 应用列表页面查看创建的应用，进入应用详情，在应用设置 > 基础信息页面可以查看应用接入代码。

3. 集成SDK。

   1. 引入npm包：

      说明

      目前仅支持Vue3

      npm install @arms/rum-uniapp

   2. 初始化：

      推荐在代码中新建独立的urils/monitor.js文件进行初始化

      说明

      请将以下代码中的pid和endpoint替换为控制台获取的步骤5生成的pid和endpoint地址。

      import armsRum from '@arms/rum-uniapp';
      armsRum.init({
        pid: "your app id",
        endpoint: "your endpoint",
      });
      export defalut armsRum

   3. 配置Uniapp的Vue实例：

      import armsRum from './utils/monitor';
      import App from './App'
      import { createSSRApp } from 'vue'
      
      export function createApp() {
        const app = createSSRApp(App)
        // set vue instance
        armsRum.setVue(app);
        return {
          app
        }
      }
      

相关文档

云监控2.0提供一系列SDK配置项，让您能够通过设置参数来满足额外需求。更多信息，请参见SDK配置参考。