更新记录

1.0.0(2022-08-22) 下载此版本

U-APM web端uniapp框架发布 如需使用需在友盟+订购web端APM产品,访问demo:https://apm.umeng.com/web/dash/list


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.5.4 × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
ie10及以上

uni-app

1. 注册友盟+账号(如已经注册可忽略)

2.友盟官网申请appkey(需要分别申请各个平台的appkey)

web

小程序

3.配置域名白名单等

微信小程序

支付宝小程序

4.创建uni-app框架下的app

参考 https://uniapp.dcloud.net.cn/quickstart-cli.html

5.安装sdk

cd path-to-uniappproject
yarn add @umengfe/apm --save
yarn add @umengfe/mini-apm --save

6.利用条件编译集成sdk

uapm.js 参考 7 中 各个平台的集成文档,修改初始化的参数配置 ./src/uapm.js

// #ifdef MP-WEIXIN
import { init } from "@umengfe/mini-apm/build/wx.esm";
init({
  pageFilter: { mode: "ignore", rules: [] },
  appKey: "appkey",
});
// #endif

// #ifdef MP-ALIPAY
import { init } from "@umengfe/mini-apm/build/alipay.esm";
init({
  pageFilter: { mode: "ignore", rules: [] },
  appKey: "appkey",
});
// #endif

// #ifdef H5
import { init } from "@umengfe/apm";
init({
  pageFilter: { mode: "ignore", rules: [] },
  pid: "appkey",
  logLevel:3,
});
// #endif

main.js中引入uapm.js

./src/main.js

import Vue from 'vue'
import App from './App'
import './uapm';

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
  ...App
})
app.$mount()

7 参考集成文档

参考h5文档

微信小程序

支付宝小程序

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

性能,错误数据 https://errlog.umeng.com 用于错误分析和性能分析

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问