# webfunny_monitor

**Repository Path**: yingsheng121610/webfunny_monitor

## Basic Information

- **Project Name**: webfunny_monitor
- **Description**: 通过向html页面中插入一段简单的JS探针代码，实现无埋点监控前端页面的用户行为，包括但不限于 PV/UV、报错日志、请求日志、静态资源加载情况、用户点击行为以及截图信息等等，目的在于帮助前端开发提高解决线上问题的效率。页面DEMO: 
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2020-08-25
- **Last Updated**: 2022-05-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

   [健康提醒](https://github.com/a597873885/image_list/blob/master/des/remind_health.md)
   
   ### 前言
   怎样定位前端线上问题，一直以来，都是很头疼的问题，因为它发生于用户的一系列操作之后。错误的原因可能源于机型，网络环境，复杂的操作行为等等，在我们想要去解决的时候很难复现出来，自然也就无法解决。 当然，这些问题并非不能克服，让我们来一起看看如何去监控并定位线上的问题吧。
   
   开发了这么久，也是颇有一番感慨。 一叹，前辈高人技艺之精湛；二叹，开源世界心胸之广阔；正是有这些无私奉献的大牛们，才让这技术的世界多姿多彩。
   
   
   
[【**📚 部署教程 📚**】](./Document.md) 一键部署，欢迎尝试。
   
   

---------------------------------------------------------

具体效果：[请移步线上监控系统](http://www.webfunny.cn/webfunny_multi/home.html)

### 主体功能
1. 监控JS报错、http接口报错、静态资源加载报错等；记录页面访问、点击事件、接口请求等行为日志；

2. 统计PV/UV数据、用户7天留存数据、版本号/机型/地域分布数据

3. 提供报错具体查找和定位功能、用户详细行为追踪与分析功能、用户网络环境评估功能

4. 提供额外上报接口，上报自定义日志


### 目录结构
         ./A-monitor-code/webmonitor.js   探针代码
         ./schema  数据库建表结构
         ./views/ 前端展示代码
         ./config  数据库配置目录
         ./logs  运行报错日志目录
         ./config.js 自动化配置文件

更新计划：[更新排期计划表](https://github.com/a597873885/webfunny_monitor/blob/master/UpdateList.md)

### 贡献者支持
一颗star, 一份[关注](https://www.toutiao.com/c/user/105123468724/#mid=1651276811334670), 都将是我前进的动力  :)

### 开源说明
本项目是开源的，除了部分属于业务代码，不便开源，但是并不影响对项目本身（原理）的理解，也不会影响你的部署。
带来不便，请予以理解和见谅。

未来将会发布controller、model的demo文件，以方便大家去拓展自己的业务代码。

#### 效果预览
![首页简介](https://github.com/a597873885/image_list/blob/master/home.gif)
![错误简介](https://github.com/a597873885/image_list/blob/master/jserror.gif)