uni-app浙政钉H5项目埋点

1. 稳定性监控
   注意：直接把下面的代码复制到自己项目的public/index.html下

<script src='https://wpk-gate.zjzwfw.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script>
<script>
try {
    const config = {
    bid: '需要自行替换',
    signkey: '需要自行替换',
    gateway: 'https://px-emas.dg-work.cn'专有云应用，参数在部署时请替换为正确的专有云地址https://wpk-gate.zjzwfw.gov.cn
};
const wpk = new wpkReporter(config);
wpk.installAll();
window._wpk = wpk;
} catch (err) {
    console.error('WpkReporter init fail', err);
}
</script>

2. 流量分析
   （1）通用采集SDK
   注意：同上，直接把下面的代码复制到自己项目的public/index.html下，跟在稳定性监控代码下面

<script>
  (function(w, d, s, q, i) {
    w[q] = w[q] || [];
    var f = d.getElementsByTagName(s)[0],j = d.createElement(s);
    j.async = true;
    j.id = 'beacon-aplus';
    j.src = 'https://alidt.alicdn.com/alilog/mlog/aplus_cloud.js';
    f.parentNode.insertBefore(j, f);
  })(window, document, 'script', 'aplus_queue');

  aplus_queue.push({
    action: 'aplus.setMetaInfo',
    //专有云应用，第二个参数在部署时请替换为正确的专有云地址alog.zjzwfw.gov.cn
    arguments: ['aplus-rhost-v', 'alog.dg-work.cn']
  });
  aplus_queue.push({
    action: 'aplus.setMetaInfo',
    //专有云应用，第二个参数在部署时请替换为正确的专有云地址alog.zjzwfw.gov.cn
    arguments: ['aplus-rhost-g', 'alog.dg-work.cn']
  });
  
  var u = navigator.userAgent
  var isAndroid = u.indexOf('Android') > -1
  var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)

  aplus_queue.push({
    action: 'aplus.setMetaInfo',
    arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293']
  });
</script>

（2）基础埋点和用户信息埋点

注意：1.新建一个名叫zzdmd.js文件，把下面的代码全部拷贝进去

/* eslint-disable */
export function setMd (page_id, page_name, page_url, _user_nick, _user_id) {
    aplus_queue.push({
        action: 'aplus.setMetaInfo',
        arguments: ['_hold', 'BLOCK']
    })
    // 用户信息埋点---------------------------------------- 
    // 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点 ------
    /* eslint-disable-next-line */
    aplus_queue.push({
        action: 'aplus.setMetaInfo',
        arguments: ['aplus-waiting', 'MAN']
    });
    /* eslint-disable-next-line */
    aplus_queue.push({
        'action': 'aplus.sendPV',
        'arguments': [{
            is_auto: false
        }, {
            // 当前你的应用信息，此两行按应用实际参数修改，不可自定义。
            sapp_id: '需要自行替换',
            sapp_name: '需要自行替换',
            page_id: page_id, // 可以用this.$route.meta.pagePath代替
            page_name: page_name, // 可以用this.$route.meta.name代替
            page_url: page_url // 可以用this.$route.meta.pagePath代替
        }]
    })
    // 设置会员昵称
    /* eslint-disable-next-line */
    aplus_queue.push({
        action: "aplus.setMetaInfo",
        arguments: ["_user_nick", _user_nick] // 需替换为当前登录的浙政钉用户名字，uni.getStorageSync('userInfo').employeeName
    })
    // 设置会员ID
    /* eslint-disable-next-line */
    aplus_queue.push({
        action: "aplus.setMetaInfo",
        arguments: ["_user_id", _user_id] // 需替换为当前登录的浙政钉用户id，uni.getStorageSync('userInfo').employeeCode)
    })
    /* eslint-disable-next-line */
    aplus_queue.push({
        action: "aplus.setMetaInfo",
        arguments: ["_dev_id", "yourDeviceId"]
    })
    // 如采集用户信息是异步行为，需要先设置完用户信息后再执行这个START埋点
    // 此时被block住的日志会携带上用户信息逐条发出
    /* eslint-disable-next-line */
    aplus_queue.push({
        action: 'aplus.setMetaInfo',
        arguments: ['_hold', 'START']
    });
}

注意：2.新建一个zzdmdmx.js文件

/* eslint-disable */
import { setMd } from '@/common/zzdmd.js'

export default {
    data () {
        return {
            userInfo: {}
        }
    },
    onLoad() {
        this.userInfo=uni.getStorageSync('userInfo')
        this.zzdmdStart()
        // console.log('route',this.$route)
    },
    methods: {
        zzdmdStart () {
            setMd('jnsqss_' + this.$route.meta.pagePath,this.$route.meta.name,this.$route.meta.pagePath,uni.getStorageSync('userInfo').employeeName,uni.getStorageSync('userInfo').employeeCode)
        }
    }
  }
  

注意：3.新建一个mixin.js文件

export default {
    data() {
        return {

        }
    }
}

注意：4.main.js引用上面的文件

import zzdmdmx from '@/common/zzdmdmx.js'
import mixin from './common/mixin'
Vue.mixin(zzdmdmx)
Vue.mixin(mixin)

3.检查埋点是否成功

注意：状态码为200则稳定性埋点成功，page_id, page_name, page_url, _user_nick, _user_id等值赋值成功说明流量分析埋点成功