# monitor

**Repository Path**: yewenjun/monitor

## Basic Information

- **Project Name**: monitor
- **Description**: 前端监控
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-03-04
- **Last Updated**: 2022-03-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Description: monitor
 * @Author: zoeblow
 * @Email: wangfuyuan@nnuo.com
 * @Date: 2019-12-04 17:14:57
 * @LastEditors  : zoeblow
 * @LastEditTime : 2020-01-07 10:46:20
 * @FilePath: \monitor\README.md
 -->

# monitor

## 介绍

前端监控

### 目录结构

```
├─config            #配置
├─controllers       #控制层
│  └─up             #up
├─modules           #数据相关操作
├─public            #公共文件目录
│  └─images         #图片目录
├─routes            #路由
├─schema            #表结构
├─utils             #公共函数库
└─views             #页面
```

### 功能列表

实现功能，通过 express 框架结合 MongoDB 实现的 一个前端异常监控的项目，
主要实现功能如下

#### 1、异常上报

> 异常分为三类，静态资源异常（`RESOURCE_LOAD`），JS 执行错误（`JS_ERROR`），HTTP 请求错误（`HTTP_LOG`）,通过在页面加载过程中的监听实现自动的捕获和异常上报，通过存储在本地（`localStrong`）进行缓存，实现定时上报，以减小对服务端的压力。

#### 2、用户行为

> 通过全局监听，实现的对用户行为的收集（目前只监听了`click`），获取到相关信息进行本地缓存，定期上报

#### 3、UV、PV、IP 等 统计

> 通过在本地的（cookies）`costomkey`，进行判断用户的浏览状态，通过服务端 IP 获取的，同时进行判断，获取到准确的 `UVPV` 等数据

#### 4、自定义用户行为

> 通过自定义上报，可以更精准的收集到可靠的洪湖数据，通过暴露在 `window` 下的全局方法，用户可以按照格式，进行制定行为的收集，进行上报。

#### 5、用户加载页面信息监控