专有钉钉微应用埋点以及本地调试埋点总结-编程知识

专有钉钉微应用埋点以及本地调试埋点总结

最近在对接浙政钉，稳定性监控、通用采集 SDK、基础埋点、基础埋点，每次发布上去，工作人员那边反馈抓取不到信息

稳定性监控代码、通用采集 SDK

index.html

   <!-- 流量稳定监控 S 关于埋点上线打开--><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: '1234567890abcdef', gateway: 'https://wpkgate-emas.ding.zj.gov.cn};const wpk = new wpkReporter(config);wpk.installAll();window._wpk = wpk;} catch (err) {console.error('WpkReporter init fail', err);}// 通用采集 SDK(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',arguments: ['aplus-rhost-v', 'alog-api.ding.zj.gov.cn']});aplus_queue.push({action: 'aplus.setMetaInfo',arguments: ['aplus-rhost-g', 'alog-api.ding.zj.gov.cn']});var u = navigator.userAgentvar isAndroid = u.indexOf('Android') > -1var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)aplus_queue.push({action: 'aplus.setMetaInfo',arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293']});</script>

基础埋点

具体到某个页面，或者封装一个方法，挂在到全局
注意：我们用的是taro-vue框架
utils/pointSDK

export async function addBuryPoint(account, accountId, openid, page_id, page_name, page_url) {// 3，用户信息埋点// 如采集用户信息是异步行为需要先执行这个BLOCK埋点aplus_queue.push({action: 'aplus.setMetaInfo',arguments: ['_hold', 'BLOCK']});// 2，基础埋点// 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点：aplus_queue.push({action: 'aplus.setMetaInfo',arguments: ['aplus-waiting', 'MAN']});//// 单页应用路由切换后 或 在异步获取到pv日志所需的参数后再执行sendPV：aplus_queue.push({'action': 'aplus.sendPV','arguments': [{is_auto: false}, {// 当前你的应用信息，此两行按应用实际参数修改，不可自定义。sapp_id: '34927',sapp_name: 'szwugen',page_id: page_id, // 可以用this.$route.meta.pagePath代替page_name: page_name, // 可以用this.$route.meta.name代替page_url: page_url // 可以用this.$route.meta.pagePath代替}]})// 设置用户ID，用户设备ID可不做上报，若上报可使用开放平台JSAPI获取UUID//用户id需要埋政钉用户真实信息，用户ID必须用accountId，可通过开放平台“获取用户详情”接口获取。aplus_queue.push({action: "aplus.setMetaInfo",arguments: ["_user_nick", account],});//用户id需要埋政钉用户真实信息，用户ID必须用accountId，可通过开放平台“获取用户详情”接口获取。aplus_queue.push({action: "aplus.setMetaInfo",arguments: ["_user_id", accountId],});aplus_queue.push({action: "aplus.setMetaInfo",arguments: ["_dev_id", openid],});// 如采集用户信息是异步行为，需要先设置完用户信息后再执行这个START埋点// 此时被block住的日志会携带上用户信息逐条发出aplus_queue.push({action: "aplus.setMetaInfo",arguments: ["_hold", "START"],});
}

app.ts

import { createApp } from 'vue'
import './app.scss'
import { addBuryPoint } from './utils/pointSDK'
const App = createApp({onShow(options) { },// 入口组件不需要实现 render 方法，即使实现了也会被 taro 所覆盖
})
App.provide('addBuryPoint', addBuryPoint)
export default App

index.vue引入方式：

 const $addBuryPoint: any = inject("addBuryPoint");$addBuryPoint(zzd_UserInfo.account, zzd_UserInfo.accountId, zzd_UserInfo.openid,id,name,path);

本地调试

在这里插入图片描述

index.html

       <!-- 本地调试 引入的文件--><script src="https://g.alicdn.com/code/npm/@ali/dingtalk-h5-remote-debug-sdk/0.1.3/app.bundle.js"></script><script>//真机调试--有效期很短h5RemoteDebugSdk.init({uuid: "e3340b3f-bc34-4ea9-b06d-88904cc3a23b",observerElement: document.documentElement,});</script>