全部产品
弹性计算 会员服务 网络 安全 移动云 数加·大数据分析及展现 数加·大数据应用 管理与监控 云通信 阿里云办公 培训与认证 智能硬件
存储与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 引入相同。

本文导读目录