CDN引入

在应用入口(通常是index.html)优先于业务代码加载的的位置(推荐在head标签内)将以下代码插入即可完成集成

<script>
  !(function(b){
    var n=b.createElement("script");
    var tag=b.getElementsByTagName("script")[0];
    n.async=1;
    n.src="当前应用的探针地址";
    tag.parentNode.insertBefore(n,tag);
  })(document);
</script>

如果需要在探针加载完成后立即调用探针的接口方法,那么可以在以上代码的基础上加以改造

<script>
  !(function(c,b,a){
    var n=b.createElement("script");
    var tag=b.getElementsByTagName("script")[0];
    n.async=1;
    n.src="当前应用的探针地址";
    n.onload=function(){
      c[a] && c[a].report('探针加载完成');
    }
    tag.parentNode.insertBefore(n,tag);
  })(window,document,"__myWebLogTracker__");
</script>

如果是没有开启在线配置(不推荐)的情况下,配置需要按照以下方式进行写入

目前2.2.5版本以上已不允许使用这种方式进行集成,该方式下调整探针配置需要修改代码,且配置参数容易填错

<script>
  !(function(c,b,a){
    c[a]||(c[a]={});
    c[a].config={
      // 此处填写的产品和应用编码需要与天眼平台中创建的一致
      "product_code":"产品编码XXX",
      "app_code":"应用编码XXX"
      // 其他配置参数可在此额外添加
    };
    var n=b.createElement("script");
    var tag=b.getElementsByTagName("script")[0];
    n.async=1;
    n.src="应用所属的探针地址";
    tag.parentNode.insertBefore(n,tag);
  })(window,document,"__myWebLogTracker__");
</script>

NPM安装

执行命令将依赖添加到项目

npm install fast-tracker --save

在项目的入口js中引入并初始化

import myWebLogTracker from 'fast-tracker';

// 执行初始化
const trackerInstance = myWebLogTracker({
  app_code: '应用编码XXX',
  product_code: '产品编码XXX',
  // 其他配置项
});

// 后续可使用得到的实例调用探针接口
trackerInstance.registUser({ tenant_code: 'mysoft' });

// 浏览器环境下可访问window对象下的__myWebLogTracker__
window.__myWebLogTracker__.registUser({ tenant_code: 'mysoft' });

该方式集成探针时无法使用在线配置实时修改探针的初始化配置参数,仅推荐离线应用使用该方式集成

移动PaaS平台集成

通过移动PaaS构建的应用需要集成探针时,在应用构建 -> 链接管理 -> 数据收集URL,将应用专属的探针地址填写到数据收集URL一栏即可完成集成

results matching ""

    No results matching ""