浙政钉h5微应用开发vue

浙政钉h5开发简单总结
1.在页面引入专有钉钉 JSAPI

npm install --save gdt-jsapi
import dd from 'gdt-jsapi'; /在使用页面导入
Vue.prototype.$zydd = zydd //或者挂载到vue
<script src="https://g.alicdn.com/gdt/jsapi/1.9.6/index.js"></script> //CDN 引入

2.免登功能

 dd.getAuthCode({corpId:"xxxxx"//参数非必须 不传也行 }).then((res) => {if (res) {console.log(res.code)//取得免登code 调用登录api操作// ......}})

3.接入埋点
背景:应用上架需要接入监控应省大数据局要求，现所有应用都需要接入监控。
埋点代码分为：稳定性监控代码（Emas）和流量分析代码(A+)；其中流量分析代码(A+)包含通用采集 SDK、基础埋点、用户信息埋点；稳定性监控代码（Emas）只需要在首页加入。流量分析代码(A+)每个页面都需要加入，也可以写通用js，在其他页面引入。

稳定性监控代码（Emas）

<script src='https://wpk-gate.zjzwfw.gov.cn/static/wpk-jssdk.1.0.2/wpkReporter.js' crossorigin='true'></script>
<script>try {constconfig = {bid: '************', //唯一标识 需要去开发者后台获取signkey: '1234567890abcdef',gateway: 'https://wpk-gate.zjzwfw.gov.cn'};constwpk = newwpkReporter(config);wpk.installAll();window._wpk = wpk;} catch (err) {console.error('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 = 'https://alidt.alicdn.com/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', 'alog.zjzwfw.gov.cn']});aplus_queue.push({action: 'aplus.setMetaInfo',arguments: ['aplus-rhost-g', 'alog.zjzwfw.gov.cn']});varu = navigator.userAgentvarisAndroid = u.indexOf('Android') > -1varisIOS = !!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']});//设置会员IDaplus_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即为上报成功。

埋点成功查询链接
https://yida-pro.ding.zj.gov.cn/alibaba/web/APP_VTZ4TZZSGZXB37IUIUM6/inst/homepage/#/
每周一晚上更新输入标识可查询是否成功你这周埋的点可能要下周一晚才能查询是否成功

4.判断是否是浙政钉打开

let ua = navigator.userAgent.toLowerCase()let ua = navigator.userAgent.toLowerCase();if(/taurusapp/.test(ua)){}

浙政钉h5微应用开发vue相关推荐

uniapp开发浙政钉h5应用埋点
参考链接:浙政钉-H5&小程序应用采集开发手册 · 语雀工作中需要将app上架到浙政钉,最后采用了用uniapp开发h5应用的方式,但上架浙政钉h5需要埋点,官方文档也看不太懂,好不容易鼓捣 ...
浙里办H5微应用开发流程
一.代码开发 1. 源代码准备: 由于源代码需要能够部署到政务中台,即要支持npm run build构建源码.(解释:把源代码上传政务中台后,它会后台自动编译构建项目并取build文件夹下的产物 ...
钉钉H5微应用开发免登以及接口调试
钉钉H5微应用开发以及接口调试企业内部应用免登 https://open.dingtalk.com/document/orgapp-server/enterprise-internal-applic ...
如何在钉钉上开发自己的应用_快速上手——钉钉H5微应用开发接入
创建钉钉H5应用顾名思义,钉钉H5应用,和微信WEB应用一样,本质都是一个有前端有后端的网站,由平台本身对网站基础功能进行扩充,提供专用接口满足开发者各式各样的和平台相关的需求.开发者平台:http ...
【浙政钉埋点】Vue中使用浙政钉的埋点详解
话不多说,直接上代码. 浙政钉埋点官网:浙政钉-H5&小程序应用采集开发手册 · 语雀 1.第一个 script ,这是在 index.html 中通过cdn引入的阿里的浙政钉的 js .第二 ...
【浙政钉】微信-专有钉钉小程序-开发踩坑实记
文章目录 ⭐[浙政钉]微信-专有钉钉小程序-开发踩坑实记 ⭐ 创建项目 ⭐ 转化方案 ⭐ 政务钉钉调试 ⭐ 上传发布 ⭐[浙政钉]微信-专有钉钉小程序-开发踩坑实记最近有个需求,要将微信小程序转为浙 ...
专有钉钉浙政钉前端对接流程（小程序）
主要开发流程本公司专有钉钉开发平台账号(公司钉钉超管注册给开发人员权限) 超管按照文档给予开发人员权限创建项目下载开发工具配置专有钉钉开发环境免登录(用户不用输入账号密码直接登录) 根据业 ...
uniapp 浙政钉埋点——小程序
浙政钉埋点官网:浙政钉-H5&小程序应用采集开发手册不容易看懂看完先别急着动手:参照这个示例浙政钉小程序SDK 埋点示例提示: 1.注意每个应用中sapp_id.sapp_ ...
h5应用 vue 钉钉_钉钉企业内部H5微应用开发
企业内部H5微应用开发分为服务端API和前端API的开发,主要涉及到进入应用免登流程和JSAPI鉴权. JSAPI鉴权开发步骤: 1.创建H5微应用登入钉钉开放平台(https://open-d ...

浙政钉h5微应用开发vue

浙政钉h5微应用开发vue相关推荐

最新文章

热门文章