腾讯云 Badjs 镜像使用入门

作者简介:王少飞

前言

“Badjs前端脚本错误监控及跟踪解决方案” 可以有效的提升web前端业务质量,但部署和使用都有一定的门槛。现在我们把这个服务制作成了腾讯云镜像,使接入和使用都很方便,不用考虑申请硬件资源以及服务的安装部署等复杂工作。

Badjs前端脚本错误监控及跟踪解决方案有如下优势

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

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

更详细的请查看 https://github.com/BetterJS/doc

腾讯云 Badjs 镜像使用说明

  1. 直接点击 badjs 镜像 连接进入镜像详情页,或在腾讯云服务市场中搜索 “Badjs前端脚本错误监控及跟踪解决方案”, 进入 badjs 镜像详情页 。
  1. 点击“立即使用”进入“云服务器 CVM ”购买页面,这里对机型的要求是内存不低于2G(由于系统需要安装 nodejs,mysql,mongodb,git如果系统内存小于2G,会导致 mysql 服务启动不起来),硬盘大小不小于50G(PV 越大 需要的硬盘越大每2条上报大小大致占用硬盘是 1k ,所以每增加 100W 条上报, 就要增加硬盘 500M) 。
  1. 镜像选择已经选好了“Badjs前端脚本错误监控及跟踪解决方案 v1.0”,这里可以直接进入下一步 。
  1. 选择完存储和网络,设置相关必要信息比如密码等,最后点击“开通” 。
  1. 点击“开通”后将进入“云主机创建”页面,这里主机创建需要1-2分钟 。
  1. 创建完成后会得到ip地址,如图 :

如果是已有云服务器的可以选择 badjs 镜像重装系统

1.选择重装系统

2.选择badjs镜像

重装完成后ip地址不变

Badjs系统如何使用

1.首先访问服务器的8081端口(http://服务器ip:8081/ ), 进入帮助页面 :

2.点击“我的业务”,登录管理员,初始用户名和密码是:admin/admin(登录进管理页面可以修改密码),登录进去后点击顶部菜单“申请接入”,进入 “新业务申请” 页面 :

3.填写完相关信息点击“申请”按钮, 到“项目申请列表”页面审核通过后,这个业务就可以正常使用了。 可以先进行简单的测试看系统是否正常,按照(https://github.com/BetterJS/badjs-report ) 项目的指引测试下。

管理页面右侧为展示、搜索条件:

每个条件解释如下:

1.点击每个字段可以开启或关闭相关列 。

2.选择要查看的业务 。

3.选择消息类型,点击可以开启或关闭 。

4.查找日志的起始和终止时间。

5.过滤包含或排除的关键字。

配置邮件订阅

当前版本配置邮件订阅功能步需要部署完整版单机部署。

  1. 登录到服务器,杀掉当前node进行 ;
  2. 拉取全量代码 git clone https://github.com/BetterJS/badjs-installer.git
  3. 进入到badjs-installer的目录,运行 npm run clone ,拉取各个模块 ;
  4. 运行npm run install ,安装依赖,这个步骤很容易出现问题 ,对于新用户建议进入各个模块进行npm install;
  5. phantomjs 安装不成功,请查看 #8 ;
  6. 进入badjs-web/db ,将里面的 create.sql 导入到 mysql中 ;
  7. 运行 npm run start ,启动各个模块 ;
  8. 访问 http://服务器ip:8081/index.html ,进入页面确定启动成功。

具体可以参考 单机部署邮件配置参考

订阅邮件效果展示

如下图badjs日报邮件,包含最近一个月的badjs量趋势,以及当天badjs错误有哪些类型:

以上是badjs腾讯云镜像的使用,以及badjs系统的简单介绍,最后附上github地址:

https://github.com/BetterJS/

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

Golang协程与通道整理

协程goroutine 不由OS调度,而是用户层自行释放CPU,从而在执行体之间切换。Go在底层进行协助实现 涉及系统调用的地方由Go标准库...

2627
来自专栏JAVA高级架构

如何实现大型网站架构设计的负载均衡

负载均衡 (Load Balancing) 负载均衡建立在现有网络结构之上,它提供了一种廉价有效透明的方法扩展网络设备和服务器的带宽、增加吞吐量、加强网络数据处...

44310
来自专栏IT技术精选文摘

架构师眼中的高并发架构

2125
来自专栏魏艾斯博客www.vpsss.net

快云小助手(快云管理助手)windows 服务器快速部署 web 环境的过程

9834
来自专栏zhangdd.com

make: 警告:检测到时钟错误。您的创建可能是不完整的 问题解决方法

今天编译nginx源码,make的时候也出现了这个问题,报错”make: 警告:检测到时钟错误。您的创建可能是不完整的。”

1074
来自专栏崔庆才的专栏

付费代理的使用

7704
来自专栏一名合格java开发的自我修养

交易系统使用storm,在消息高可靠情况下,如何避免消息重复

概要:在使用storm分布式计算框架进行数据处理时,如何保证进入storm的消息的一定会被处理,且不会被重复处理。这个时候仅仅开启storm的ack机制并不能解...

873
来自专栏架构说

大流量Web系统性能优化实践

系统性能优化一般方法 1 通过工具寻找瓶颈 2 水平扩展机器 这遇到很多问题 分布式事务和cache问题等 需要调整架构和组件 ? ? ? ? ?...

4148
来自专栏Linyb极客之路

分布式事务的实现原理

事务是数据库系统中非常有趣也非常重要的概念,它是数据库管理系统执行过程中的一个逻辑单元,它能够保证一个事务中的所有操作要么全部执行,要么全不执行;在 SOA 与...

1233
来自专栏FreeBuf

批量S2-045漏洞检测及利用

前言 S2-045远程代码执行漏洞的CNVD详细信息:http : //www.cnvd.org.cn/flaw/show/CNVD-2017-02474漏洞刚...

2325

扫码关注云+社区