关于uni-app:uniapp浙政钉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: {},
            age: 0
        }
    },
    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 等值赋值胜利阐明流量剖析埋点胜利