Package detail

天眼FAST探针（Browser）

探针集成

cdn引入

开启了在线配置的情况下，将以下代码复制到应用入口index.html的head标签内，并替换正确的探针地址：

<script src="当前应用的探针地址" async="async"></script>

如果探针地址并非能够直接确定，比如需要进行字符串拼接，可以使用以下方式：

<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>

npm方式引入

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

npm install fast-tracker --save

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

import myWebLogTracker from 'fast-tracker';

// 执行初始化
const trackerInstance = myWebLogTracker({
  app_code: '应用编码XXX',
  product_code: '产品编码XXX',
  // 环境编码只能填充 prod、beta、test、dev 四个值
  env_code: '环境编码XXX',
  // 其他配置项
});

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

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