腾讯云 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 条评论
登录 后参与评论

相关文章

来自专栏云加头条

腾讯云服务器配置不用愁 只需这几步

作为云计算服务的重要组成部分,云服务器以其简单高效、安全可靠、弹性扩展的特性成为核心力量,构建了包括计算、网络、存储在内的综合服务平台。以腾讯云服务器为例,CV...

24.6K70
来自专栏Golang语言社区

Golang协程与通道整理

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

27970
来自专栏沈唁志

API接口开发简述示例

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

架构师眼中的高并发架构

27650
来自专栏知晓程序

【好文回顾】小程序想要「任性推送」模板消息?这个办法可以一试!

「模板消息」能力,几乎是小程序唯一可以向用户主动推送消息的渠道。有了它,小程序就可以向用户发送重要的消息通知。

14820
来自专栏JAVA高级架构

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

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

538100
来自专栏左瞅瞅,右瞅瞅

DNS上线之路(五)——DNS视图

智能DNS是域名服务在业界首创的智能解析服务。能自动判断访问者的IP地址并解析出对应的IP地址,使网通用户会访问到网通服务器,电信用户会访问到电信服...

26440
来自专栏Python小屋

Python爬虫系列:使用selenium+Edge查询指定城市天气情况

话说,国外有个网站http://openweathermap.org/可以免费查询指定城市的当前天气情况: ? 那是不是可以写个爬虫程序,自动调用网站的功能来...

34060
来自专栏张戈的专栏

单机MySQL数据库优化推荐的编译安装参数

MySQL 编译参数多而复杂,让新手感到很头大,如果是正式生成环境安装 MySQL,没有充足的时间去研究每一个参数代表的意义,个人建议使用余洪春前辈整理的编译参...

33030
来自专栏云端架构

【云端架构】弹性网卡如何与云服务器绑定

本来看ENI文档没发现什么问题,考虑到社区小伙伴们部分刚上云还是新手。文档写的有点深度就看不懂了,所以更一篇文章写官方文档中没出现的实践操作部分。

632130

扫码关注云+社区

领取腾讯云代金券