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

相关文章

来自专栏华仔的技术笔记

生产环境小程序登录出现502

用的是腾讯wafer的解决方案: 生产环境部署说明 https://cloud.tencent.com/document/product/619/11689

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

腾讯云服务器生成免费快照过程记录

1982
来自专栏散尽浮华

SVN和Git对比梳理

在日常运维工作中,经常会用到版本控制系统,目前用到最广泛的版本控制器就是SVN和Git,那么这两者之间有什么不同之处呢? SVN(Subversion)是集中式...

2066
来自专栏Laoqi's Linux运维专列

Nginx在CDN加速之后,获取用户真实IP做并发访问限制的方法

2753
来自专栏云加头条

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

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

16.6K6
来自专栏程序人生

应用开发中的网络安全

最近有个朋友让我帮忙看看他系统中的一个问题:他给了我一个用户名密码,让我ssh到他的某台服务器上。那是一台redis server,里面存放数据库查询的缓存和其...

3334
来自专栏云计算

开发者的福利--Cloud Foundry

要确保公司云资产的安全性,首先要应用基于虚拟网络独特性修改的可靠的数据安全实践。

5668
来自专栏Java技术栈

彻底理解正向代理和反向代理

平时工作中我们会接触到各种代理,它到底是什么概念呢,又是什么工作原理,下面我们具体来分析一下。 1、概念 正向代理 这个很好理解,比如说你现在要访问一个外国的社...

3538
来自专栏DevOps时代的专栏

手把手教你利用Jenkins持续集成iOS项目

2553
来自专栏美团技术团队

【美团技术博客】Docker系列之二:基于容器的自动构建

自动构建系统是从美团的自动部署系统发展出来的一个新功能。每当开发人员提交代码到仓库后,系统会自动根据开发人员定制的构建配置,启动新的Docker容器,在其中对源...

37810

扫码关注云+社区