更新记录
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)
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
./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()