接入Uniapp应用

创建应用

1. 登录ARMS控制台。

2. 在左侧导航栏选择用户体验监控 > 应用列表，并在顶部菜单栏选择目标地域。

3. 在应用列表页面单击添加应用。

4. 在创建应用面板单击Uniapp。

5. 在Uniapp面板上输入应用名称和描述，然后单击创建。

   说明

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

   创建成功后，当前应用将会自动生成对应的pid和endpoint地址。

6. 探针SDK安装方式。

   1. 引入npm包：

      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'
      
      // 请注意以下样例使用了Uniapp的条件编译
      
      // #ifndef VUE3
      import Vue from 'vue'
       // Vue2 情况下传入Vue对象
      armsRum.setVue(Vue);
      const app = new Vue({
        ...App
      })
      app.$mount()
      // #endif
      
      
      // #ifdef VUE3
      export function createApp() {
        const app = createSSRApp(App)
        // Vue3 情况下传入实例
        armsRum.setVue(app);
        return {
          app
        }
      }
      // #endif
      
      

      重要

      Vue2 版本需要 @arms/rum-uniapp v0.1.2 及以上版本

相关文档

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