# un-nmps
**Repository Path**: wanglihui/un-nmps
## Basic Information
- **Project Name**: un-nmps
- **Description**: 前端异常监控: 下班时间写着玩玩。 目前添加内存状态,异步请求监控, 静态资源监控, 运行异常监控, 系统异常监控 ; XHR暂时只测试 axios, jQuery Ajax(),原生XMLHttpRequest以及自己封装的异步请求, 后续会添加其他请求的监听, 目前只添加了简单的服务端及可视化界面，后续慢慢优化新增功能,半路出家的前端,纯属写着玩
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 13
- **Created**: 2021-04-23
- **Last Updated**: 2021-04-23
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 前端监控
> 前端异常监控: 下班时间写着玩玩。 目前添加内存状态,异步请求监控, 静态资源异常,加载的监控, 运行异常监控, 系统异常监控 ; XHR暂时只测试 axios, jQuery Ajax(),原生XMLHttpRequest以及自己封装的异步请求 `fetch`没有测试, 目前只添加了简单的服务端及可视化界面 [文档末有界面截图]
## 环境
- `电脑`
- `node`
- `terminal` | `cmd`
- `编辑器`
- `MongoDB`
---
1. clone 代码到本地
2. 运行 服务端代码 `nmps-server`
> 访问`http://localhost:3000` 即可看到主界面
3. 打开 `nmps-tools` 运行`index.html`
> 这个文件用于 上报异常
---
## 文件夹说明
- `nmps-client`
> vue写的简单页面
- `nmps-client`
> `node`,`koa`写的简单服务端
- `nmps-tools`
> `webpack`写的 异常，静态资源加载信息，内存信息，XHR异常，运行异常等信息捕获工具
> 重点：异常捕获，上报等都在这个文件夹下面 `dist`下面是webpack打包后的文件
> 此文件最佳引入位置是在所有静态资源之前如下[如若在静态资源加载之后 或者 body结束之前部分异常捕获不到]
```html
前端监控
SayHi()
```
