前端监控实战之 Loggly

我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！

1、目的

• 和前两篇类似，展示一下 loggly 如何记录 项目日志

2、部署步骤

1.先打开官网 
2.注册一个账号 
3.选择 js / 你需要的语言
4. 配置一下 

• 官网

• 选择 数据来源 js

• 配置一下

• 类似 这个图

• 简单解释一下 将这个放入 header 中

<script type="text/javascript" src="https://cloudfront.loggly.com/js/loggly.tracker-2.2.4.min.js" async></script> <script> var _LTracker = _LTracker || []; _LTracker.push({ 'logglyKey': 'your-customer-token', 'sendConsoleErrors': true, 'tag': 'loggly-jslogger' }); </script>

• 尝试 发送数据

_LTracker.push({
        text: 'Hello World',
        aList: [9, 2, 5],
        anObject: {
          id: 1,
          value: 'foobar',
        },
      })

• 注意上面的 token 需要 在这里生成 并且 放入你的 入口文件才可

3、效果展示

• 页面错误

• 捕获到错误 非常nice ！

4、小结

• 去试试吧