全部产品
弹性计算 会员服务 网络 安全 移动云 数加·大数据分析及展现 数加·大数据应用 管理与监控 云通信 阿里云办公 培训与认证 ET大脑 更多
存储与CDN 数据库 域名与网站(万网) 应用服务 数加·人工智能 数加·大数据基础服务 互联网中间件 视频服务 开发者工具 解决方案 物联网 智能硬件
业务实时监控服务 ARMS

Npm 接入配置

更新时间:2018-06-13 15:28:58

安装

在 npm 仓库中安装 alife-logger

  1. npm install alife-logger --save

使用

初始化

SDK 以 BrowerLogger.singleton 方式初始化。

  1. const BrowerLogger = require('alife-logger');
  2. // BrowserLogger.singleton(conf) conf传入config配置
  3. const __bl = BrowerLogger.singleton({
  4. pid: 'your-project-id',
  5. imgUrl: 'https://arms-retcode.aliyuncs.com/r.png?', // 设定日志上传地址,新加坡部署可选`https://arms-retcode-sg.aliyuncs.com/r.png?`
  6. // 其他config配置
  7. });

API 说明

@static singleton() 获取单例对象

注意:该方法只适用于 npm 引入。

调用参数说明:BrowerLogger.singleton(config,prePipe)

静态方法,返回一个单例对象,传入的 config、prePipe 只在第一次调用时生效,此后调用只返回已经生成的实例。

参数 类型 描述 是否必须 默认值
config Object 站点配置,其他配置查看 #config 配置项 -
prePipe Array 预上报内容 -

此方法可以用于在应用入口初始化 SDK,也可以在每次调用时获取实例。

其他上报 API

通过 BrowerLogger.singleton 获取实例。

  1. const __bl = BrowerLogger.singleton();

关于 __bl 的其他 API 使用方式,请参考 API 使用指南

Config 配置

Config 配置与 cdn 引入配置相同。请参考 SDK 配置项

预上报

场景:在调用 BrowserLogger.singleton() 之前执行的部分逻辑需要上报一些数据。

  1. const BrowerLogger = require('alife-logger');
  2. // 与cdn的pipe结构一致
  3. const pipe = [
  4. // 将当前页面的 html 也作为一个 API 上报
  5. ['api', '/index.html', true, performance.now, 'SUCCESS'],
  6. // SDK 初始化完成后即开启 SPA 自动解析
  7. ['setConfig', {enableSPA: true}]
  8. ];
  9. const __bl = BrowserLogger.singleton({pid:'站点唯一ID'},pipe);

Pipe 的数据结构与 cdn 引入相同。

本文导读目录