为网站接入前端异常监控系统 Sentry

背景

众所周知，现在前端异常监控在实际生产环境中越来越重要了。通过给网站接入前端异常监控系统，我们能获得以下几个好处：

• 收集页面的错误信息
• 辅助定位代码错误位置
• 在用户报障前发现问题

这对于提升线上系统质量，降低线上故障数量，都具有非常重要的意义。相比于等待用户反馈故障，通过接入异常监控系统，能化被动为主动，缩短线上故障处理的流程和时间。

前端异常监控方案

• badjs
• fundebug
• Sentry

目前比较流行的异常监控方案有以上几种，但从易用性、免费与否、以及项目是否开源等方面考虑，个人觉得 Sentry 是个非常不错的选择，服务端部署也非常简单，当然服务端也可以直接使用 Sentry 提供的，网站客户端引入 sentry sdk 并插入初始化 Sentry 的代码就可以实现对页面脚本异常的监控了。

Sentry 部署

安装 Docker

sudo yum remove docker  docker-common docker-selinux docker-engine
sudo yum install -y yum-utils device-mapper-persistent-data lvm2
sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
yum list docker-ce --showduplicates | sort -r
sudo yum install docker-ce
sudo systemctl start docker
sudo systemctl enable docker

Docker 安装 Sentry

1. 拉取 Sentry 仓库

git clone https://github.com/getsentry/onpremise.git

2. 创建 Sentry 服务

cd onpremise

新建docker本地数据库

docker volume create --name=sentry-data && 
docker volume create --name=sentry-postgres &&
docker volume create --name=sentry-redis &&
docker volume create --name=sentry-zookeeper &&
docker volume create --name=sentry-kafka &&
docker volume create --name=sentry-clickhous