示例源码如下,请查看 pre > code 标签中的内容
<template>
<!-- #ifdef APP -->
<scroll-view style="flex:1">
<!-- #endif -->
<page-head title="report"></page-head>
<view class="tips">
<view class="tips-title">调用信息:</view>
<view class="tips-content">{{msg}}</view>
</view>
<view class="page">
<button class="normal-button" type="default" @click="handleAppLaunch">
模拟应用启动
</button>
<button class="normal-button" type="default" @click="handleAppHide">
模拟应用切入后台
</button>
<button class="normal-button" type="default" @click="handleAppShow">
模拟应用切入前台
</button>
<button class="normal-button" type="default" @click="handleAppError">
模拟应用错误
</button>
<button class="normal-button" type="default" @click="handleTitle">
模拟自定义title
</button>
<button class="normal-button" type="default" @click="handleEvent">
模拟自定义事件
</button>
<text class="instructions">
当前页面调用API均为模拟,请查看文档,在特定场景下使用以上 API。请在main.uts中设置统计debug配置为true,并点击按钮查控制台输出。
</text>
</view>
<!-- #ifdef APP -->
</scroll-view>
<!-- #endif -->
</template>
<script>
export default {
data() {
return {
msg: '点击按钮,测试上报'
}
},
onLoad() {
uni.report({
name: '自定义上报-report页面打开',
options: '1'
})
},
onUnload() {
uni.report({
name: '自定义上报-report页面关闭',
options: '1'
})
},
methods: {
handleAppLaunch() {
const options = uni.getLaunchOptionsSync()
uni.report({
name: 'uni-app-launch',
options: options,
success: (res) => {
this.msg = 'onLaunch --> ' + res.errMsg
console.log(res);
}, fail: (err) => {
this.msg = 'onLaunch --> ' + err.errMsg
console.log(err);
}
})
},
handleAppHide() {
uni.report({
name: 'uni-app-hide',
success: (res) => {
this.msg = 'onAppHide --> ' + res.errMsg
console.log(res);
}, fail: (err) => {
this.msg = 'onAppHide --> ' + err.errMsg
console.log(err);
}
})
},
handleAppShow() {
// const options = uni.getLaunchOptionsSync()
uni.report({
name: 'uni-app-show',
success: (res) => {
this.msg = 'onAppShow --> ' + res.errMsg
console.log(res);
}, fail: (err) => {
this.msg = 'onAppShow --> ' + err.errMsg
console.log(err);
}
})
},
handleAppError() {
const errmsg = '测试错误'
uni.report({
name: 'uni-app-error',
options: errmsg,
success: (res) => {
this.msg = 'onAppError --> ' + res.errMsg
console.log(res);
}, fail: (err) => {
this.msg = 'onAppError --> ' + err.errMsg
console.log(err);
}
})
},
handleEvent() {
// 此处name为用户自定义
uni.report({
name: 'custom-event',
options: {
title: '自定义事件',
total: 1
},
success: (res) => {
this.msg = '自定义事件 --> ' + res.errMsg
console.log(res);
}, fail: (err) => {
this.msg = '自定义事件 --> ' + err.errMsg
console.log(err);
}
})
},
handleTitle() {
// 此处name为用户自定义
uni.report({
name: 'title',
options: '自定义title测试上报',
success: (res) => {
this.msg = '自定义title --> ' + res.errMsg
console.log(res);
}, fail: (err) => {
this.msg = '自定义title --> ' + err.errMsg
console.log(err);
}
})
},
}
}
</script>
<style>
.page {
padding: 15px;
}
.tips {
margin: 15px;
padding: 15px;
background-color: #f5f5f5;
font-size: 14px;
text-align: center;
}
.tips-title {
font-size: 16px;
color: #333;
margin-bottom: 10px;
}
.tips-content {
font-size: 14px;
color: #999;
}
.normal-button {
width: 100%;
margin-bottom: 10px;
}
.instructions {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
background-color: #eee;
font-size: 12px;
color: #999;
}
</style>