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

相关文章

来自专栏前端新视界

关于 Chrome 浏览器中 onresize 事件的 Bug

我在写插件时用到了 onresize 事件,在反复地测试后发现该事件在 Chrome 及 Opera(内核基本与 Chrome 相同,以下统称 Chrome)浏...

2116
来自专栏云加新鲜事儿

智能云上手指南:如何将历史数据迁移到万象优图

6 月 21 日,腾讯云在 2017「云+未来」峰会上推出了战略新品——智能云,宣布将腾讯积累近 20 年的 AI 能力向政府、企业和开发者开放,其中首批开放计...

1623
来自专栏卡少编程之旅

学习科学上网

3787
来自专栏前端架构

网站数据统计分析之一:日志收集原理及其实现

网站数据统计分析工具是网站站长和运营人员经常使用的一种工具,比较常用的有谷歌分析、百度统计 和 腾讯分析等等。所有这些统计分析工具的第一步都是网站访问数据的收集...

832
来自专栏知晓程序

开发 | 效率提升 100%,小程序开发应该这样做

1283
来自专栏Jerry的SAP技术分享

SAP CRM和C4C的内容管理(Content Management)

SAP CRM使用Attachments这个UI给用户提供内容管理的功能。通过新建按钮可以上传本地文档到CRM系统:

4223
来自专栏编程微刊

浅谈移动端页面无刷新跳转问题的解决方案

1524
来自专栏张戈的专栏

SEO养博客神器:同步文章(或摘要)到新浪博客的WordPress插件

了解 SEO 的站长都会另外用心做几个博客,起到 SEO 辅助作用。通常说的养博客主要是养 BSP 博客。比如新浪博客,网易博客,百度空间,网易博客,新浪博客,...

3626
来自专栏WindCoder

WordPress常用插件分享

771
来自专栏ThoughtWorks

我在测试移动弱网时踩过的坑|洞见

安丛 ThoughtWorks 什么是弱网测试 在当今移动互联网盛行的时代,网络的形态除了有线连接,还有2G/3G/Edge/4G/Wifi等多种手机网络连接...

4386

扫码关注云+社区