浙政钉h5微应⽤开发vue
浙政钉h5开发简单总结
1.在页⾯引⼊专有钉钉 JSAPI
npm install --save gdt-jsapi
import dd from 'gdt-jsapi'; /在使⽤页⾯导⼊
Vue.prototype.$zydd = zydd //或者挂载到vue
<script src="g.alicdn/gdt/jsapi/1.9.6/index.js"></script> //CDN 引⼊
2.免登功能
corpId:"xxxxx"//参数⾮必须不传也⾏
}).then((res) => {
if (res) {
console.de)
//取得免登code 调⽤登录api操作
// ......
}
})
3.接⼊埋点
背景：应⽤上架需要接⼊监控 应省⼤数据局要求，现所有应⽤都需要接⼊监控。
埋点代码分为：稳定性监控代码（Emas）和流量分析代码(A+)；其中流量分析代码(A+)包含通⽤采集 SDK、基础埋点、⽤户信息埋点；稳定性监控代码（Emas）只需要在⾸页加⼊。流量分析代码(A+)每个页⾯都需要加⼊，也可以写通⽤js，在其他页⾯引⼊。
稳定性监控代码（Emas）
<script src='v/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script>
<script>
try {
constconfig = {
bid: '************', //唯⼀标识需要去开发者后台获取
signkey: '1234567890abcdef',js arguments
gateway: 'v'
};
constwpk = newwpkReporter(config);
wpk.installAll();
window._wpk = wpk;
} catch (err) {
<('WpkReporterinitfail', err);
}
</script>
流量分析代码(A+) 每个页⾯引⼊ 包括⾸页 可以封装成通⽤js
(function (w, d, s, q, i) {
w[q] = w[q] || [];
varf = d.getElementsByTagName(s)[0], j = d.createElement(s);
j.async = true;
j.id = 'beacon-aplus';
j.src = 'alidt.alicdn/alilog/mlog/aplus_cloud.js';
f.parentNode.insertBefore(j, f);
// 阿⾥巴巴保密信息 / ALIBABACONFIDENTIAL
})(window, document, 'script', 'aplus_queue');
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-rhost-v', 'v']
});
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['aplus-rhost-g', 'v']
arguments: ['aplus-rhost-g', 'v']
});
varu = navigator.userAgent
varisAndroid = u.indexOf('Android') > -1
varisIOS = !!u.match(/\(i[^;]+;(U;)?CPU.+MacOSX/)
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' :
'47130293']
});
//单页应⽤或“单个页⾯”需异步补充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: '*****',  //必需根据⾃⼰项⽬id填写
sapp_name: '*********',//必需根据⾃⼰项⽬填写
//⾃定义PV参数key-value键值对（只能是这种平铺的json，不能做多层嵌套），        page_id: '页⾯ID，与page 参数配合使⽤，保证唯⼀性', //⾮必需
page_name: '页⾯中⽂名称',//⾮必需
page_url: '页⾯URL'//⾮必需
}]
})
// 阿⾥巴巴保密信息 / ALIBABACONFIDENTIAL
// ⽤户信息埋点
//如采集⽤户信息是异步⾏为需要先执⾏这个BLOCK埋点
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'BLOCK']
});
//设置会员ID
aplus_queue.push({
action: "aplus.setMetaInfo",
arguments: ["_user_id", "当前会员ID"]
});
aplus_queue.push({
action: "aplus.setMetaInfo",
arguments: ["_dev_id", "yourDeviceId"]
});
/
/如采集⽤户信息是异步⾏为，需要先设置完⽤户信息后再执⾏这个START埋点
//此时被block住的⽇志会携带上⽤户信息逐条发出
aplus_queue.push({
action: 'aplus.setMetaInfo',
arguments: ['_hold', 'START']
});
查看上传成功
可在console⾥⾯的network⾥查看。
流量分析（A+）具体查看⽅法：参见‘浙政钉h5&⼩程序应⽤采集开发⼿册‘。 稳定性监控（Emas）可以查看：upload状态为200即为上报成功。
4.判断是否是浙政钉打开
let ua = LowerCase()
let ua = LowerCase();
if(/taurusapp/.test(ua)){
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。