博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
开源前端脚本错误监控及跟踪解决项目-BadJS 试用
阅读量:5037 次
发布时间:2019-06-12

本文共 1468 字,大约阅读时间需要 4 分钟。

BadJS 是 一个web 前端脚本错误监控及跟踪项目。此项目为鹅厂 imweb(qq群:179045421) 团队的开源项目。此项目支持单机,集群,docker。存储支持mongodb等。


官网文档: 本文主要参考了此文档

功能

1 一站式体系化解决方案:业务只需要简单的配置,引入上报文件,即可实现脚本错误上报,每日统计邮件跟踪方便。

2 可视化查询系统,快速定位错误信息:web应用程序脚本数量庞大,开发人员在如此之多的脚本中定位某个问题变得困难。BadJS能够巧妙定位错误脚本代码,进行反馈。通过各种查询条件,快速找到详细错误日志。

跨域、Script Error等棘手问题不再是难题:tryjs帮你发现一切。

3 真实用户体验监控与分析:通过浏览器端真实用户行为与体验数据监控,为您提供JavaScript、AJAX请求错误诊断和页面加载深度分析帮助开发人员深入定位每一个问题细节。即使没有用户投诉,依然能发现隐蔽bug,主动提升用户体验。

4 用户行为分析:细粒度追踪真实的用户行为操作及流程,前端崩溃、加载缓慢及错误问题,可关联到后端进行深度诊断。

5 产品质量的保障:浏览器百花齐放,用户环境复杂,巨大的差异导致开发人员难以重现用户遇到的问题。无法像后台一样上报所有用户操作日志。通过BadJS,上报用户端脚本错误,为产品质量保驾护航。

我这里记录一下 我在win10下单机使用(hello world的程度)的过程。

1. 环境要求

nodejs 0.12+

mysql 5.0+

mongodb 3.0+

git 命令,用于拉取各个系统模块

2. 安装

1 git clone

2 进入到badjs-installer的目录,运行 npm run clone ,拉取各个模块

3 运行npm run install ,安装依赖,这个步骤很容易出现问题 ,对于新用户建议进入各个模块进行npm install 如果npm不好使,请用yarn试试

4 进入badjs-web/db ,将里面的 create.sql 导入到 mysql中

5 安装mysql

6 安装mongodb(保证不需要验证也可以登录,即无用户名和密码登录)

7 修改 badjs-installer\badjs-web下的配置 project.json中的mysql的数据库用户名和密码。默认是用户名和密码都是root。可以改成自己的。

3. 运行

运行 npm run start ,启动各个模块

4 配置

1 访问 ,进入页面确定启动成功。

2 用 用户名admin和密码admin登录。
3 申请一个项目并审核通过
4 效果如下

tool-editor

记住 上报的id

5.测试

下载项目

找到里面的badjs-report\example下的index.html

    
example

注意,原文代码是

我从别的地方考一个require.js 这里是我自己加的。
BJ_REPORT.init({id: 1 , uin : 1, random: 1 , url:""})的id一定要有,用在步骤4配置的项目里的上报id就行了。

6 看看效果吧

刷新index.html页面。

效果
tool-editor

7 后记。

基本完成了。效果也还可以。

当然和fundebug 相比还是要差了很多,尤其是没有重放功能等。不过也算是够用了。

转载于:https://www.cnblogs.com/wang2650/p/9087824.html

你可能感兴趣的文章
UVA11524构造系数数组+高斯消元解异或方程组
查看>>
排序系列之——冒泡排序、插入排序、选择排序
查看>>
爬虫基础
查看>>
jquery.lazyload延迟加载图片第一屏问题
查看>>
HDU 1011 Starship Troopers (树形DP)
查看>>
手把手教你写DI_1_DI框架有什么?
查看>>
.net常见的一些面试题
查看>>
OGRE 源码编译方法
查看>>
上周热点回顾(10.20-10.26)
查看>>
C#正则表达式引发的CPU跑高问题以及解决方法
查看>>
云计算之路-阿里云上:“黑色30秒”走了,“黑色1秒”来了,真相也许大白了...
查看>>
APScheduler调度器
查看>>
设计模式——原型模式
查看>>
【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.1.CSS框架和其他功能
查看>>
如何一个pdf文件拆分为若干个pdf文件
查看>>
web.xml中listener、 filter、servlet 加载顺序及其详解
查看>>
前端chrome浏览器调试总结
查看>>
获取手机验证码修改
查看>>
数据库连接
查看>>
python中数据的变量和字符串的常用使用方法
查看>>