专栏首页Fundebug开源前端脚本错误监控及跟踪解决项目BadJS试用

开源前端脚本错误监控及跟踪解决项目BadJS试用

摘要: 试用BadJS。

Fundebug经授权转载,版权归原作者所有。

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

官网文档:https://github.com/BetterJS/doc 本文主要参考了此文档

功能

  • 一站式体系化解决方案:业务只需要简单的配置,引入上报文件,即可实现脚本错误上报,每日统计邮件跟踪方便。
  • 可视化查询系统,快速定位错误信息:web应用程序脚本数量庞大,开发人员在如此之多的脚本中定位某个问题变得困难。BadJS能够巧妙定位错误脚本代码,进行反馈。通过各种查询条件,快速找到详细错误日志。跨域、Script Error等棘手问题不再是难题:tryjs帮你发现一切。
  • 真实用户体验监控与分析:通过浏览器端真实用户行为与体验数据监控,为您提供JavaScript、AJAX请求错误诊断和页面加载深度分析帮助开发人员深入定位每一个问题细节。即使没有用户投诉,依然能发现隐蔽bug,主动提升用户体验。
  • 用户行为分析:细粒度追踪真实的用户行为操作及流程,前端崩溃、加载缓慢及错误问题,可关联到后端进行深度诊断。
  • 产品质量的保障:浏览器百花齐放,用户环境复杂,巨大的差异导致开发人员难以重现用户遇到的问题。无法像后台一样上报所有用户操作日志。通过BadJS,上报用户端脚本错误,为产品质量保驾护航。

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

1. 环境要求

  • nodejs 0.12+
  • mysql 5.0+
  • mongodb 3.0+
  • git 命令,用于拉取各个系统模块

2. 安装

  • git clone https://github.com/BetterJS/badjs-installer.git
  • 进入到badjs-installer的目录,运行 npm run clone ,拉取各个模块
  • 运行npm run install ,安装依赖,这个步骤很容易出现问题 ,对于新用户建议进入各个模块进行npm install 如果npm不好使,请用yarn试试
  • 进入badjs-web/db ,将里面的 create.sql 导入到 mysql中
  • 安装mysql
  • 安装mongodb(保证不需要验证也可以登录,即无用户名和密码登录)
  • 修改 badjs-installer\badjs-web下的配置 project.json中的mysql的数据库用户名和密码。默认是用户名和密码都是root。可以改成自己的。

3. 运行

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

4. 配置

记住 上报的id

5. 测试

下载项目 https://github.com/BetterJS/badjs-report

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

<!Doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>example</title>
    <script src="../src/bj-report.js"></script>
    <script src="../src/bj-wrap.js"></script>
    <script src="../src/requirejs/require.js"></script>
</head>
<body>
    <script>

 BJ_REPORT.init({id: 1  , uin : 1, random: 1 , url:"http://127.0.0.1:80/badjs"})
        //主动上报错误日志
        BJ_REPORT.report("终于成功了");

        //info上报,用于记录操作日志
        BJ_REPORT.info("info");

        //可以结合实时上报,跟踪问题; 不存入存储
        BJ_REPORT.debug("debug");

        //记录离线日志
        BJ_REPORT.offlineLog("offlineLog");
           var  mm=1/0;
         var a=b;
    </script>
</body>
</html>

注意,原文代码是 我从别的地方考一个require.js 这里是我自己加的。

BJ_REPORT.init({id: 1 , uin : 1, random: 1 , url:"[http://127.0.0.1:80/badjs](http://127.0.0.1/badjs)"})的id一定要有,用在步骤4配置的项目里的上报id就行了。

6. 看看效果吧

刷新index.html页面。效果:

7. 后记

基本完成了。效果也还可以。 当然和fundebug相比还是要差了很多,尤其是没有重放功能等。不过也算是够用了。

作者:过错 出处:http://www.cnblogs.com/wang2650 关于作者:net开发做的久而已。十余年时光虚度! 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。如有问题,可以邮件:**wang2650@163.com** 联系我,非常感谢。

版权声明

转载时请注明作者 Fundebug以及本文地址: https://blog.fundebug.com/2019/01/15/try-out-badjs/

您的用户遇到BUG了吗?

体验Demo 免费使用

.copyright *{box-sizing:border-box}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • ES新提案:双问号操作符

    本文主要讲Gabriel Isenberg撰写的ES提案“Nullish coalescing for JavaScript”。 它提出?? 替换||的运算符,...

    Fundebug
  • 详解Parcel:快速,零配置web应用打包工具。

    译者按: 新一代Web应用打包工具Parcel横空出世,快速、零配置的特点让人眼前一亮。

    Fundebug
  • JS中将变量转为字符串

    译者按: 语言的细枝末节了解一下就可以了,不需要太较真,不过如果一点也不知道的话,那就不太妙了。

    Fundebug
  • JavaScript基础1

    JavaScript写在<script></script>之间    <script type="text/javascript">表示在<script></s...

    用户1624346
  • 面试|海量文本去重~minhash

    在实际应用的过程中。相似性度量和计算是很经常使用的一个方法。比如网页去重、推断帖子是否相似、推荐系统衡量物品或者用户的相似度等等。当数据量大的时候,计算的时间和...

    Spark学习技巧
  • x64下进程保护HOOK

    以前我们讲过.SSDT 可以做很多事情.比如可以防止进程被结束 其实到了x64下.你也可以HOOK SSDT.只不过你需要过一下PatchGuard 但是在...

    IBinary
  • 公告丨腾讯安全产品更名通知

    2020年,各行各业将继续乘着产业互联网的东风,加速数字化转型升级。 为了更好地为政企客户的安全保驾护航,腾讯安全即日起更新旗下身份安全、网络安全、终端安全、...

    腾讯云安全
  • 腾讯云安全产品更名公告

    由于产品品牌升级,腾讯云安全产品现已全部采用新命名。新命名统一为两个结构:一是T-Sec,代表Tencent Security(腾讯安全),一是能直接体现产品功...

    贺艳燕 safra he
  • 公告丨腾讯安全产品更名通知

    为了更好地为政企客户的安全保驾护航,腾讯安全即日起更新旗下身份安全、网络安全、终端安全、应用安全、数据安全、业务安全、安全管理、安全服务等八类安全产品的命名,致...

    腾讯安全
  • Vue练习--表格数据筛选排序

    星辉

扫码关注云+社区

领取腾讯云代金券