=====================================================================
监控系统预览地址： 预览地址
页面探针代码： github地址 || 分析后台地址： github地址 || 展示平台地址： github地址
=====================================================================
js错误信息已经有办法搜集了，那么如何存下来，如何分析出来有价值的数据，这都需要仰仗后台代码的作用了
作为前端工程师，首选nodejs作为后台语言，mysql数据库，koa2作为框架，为了分析出有用的结果，需要进行多个sql的查询，这个时候async/await就起了很大作用。最主要的就是这几个工具技术，其实我已经将代码放到github上了，这一章讲起来，感觉有些多余了，因为看代码更容易理解里边是怎么回事，就简单的介绍一下用法。
一、目录结构
一个项目未来是否能够好好拓展，项目结构一定要搭建好，便于梳理逻辑。如图：
/bin ：部署相关（本地，测试，生产环境）
/config ：配置相关（数据库配置）
/controllers ：控制器层（处理复杂的逻辑关系）
/middlreware : 中间件（主要做校验的逻辑）
/modules : 模块（区分业务模块）
/routes ：路由（区分接口路由）
/schema : model层（主要是对象和数据库的映射）
/templates : 模板（主要是为了一键生成新的模块，提高开发效率）
/util ：自定义组件、工具
/app.js ：入口文件
/createmodule.js ：创建新模块命令
二、创建新模块
① 配置数据库连接
我要评论const sequelizetemp = require('./local_db')
const sequelize = require('sequelize');
let db = null
if (sequelizetemp) {
db = sequelizetemp.sequelize
} else {
const sequelize = new sequelize('monitor_db', 'username', 'password', {
host: 'ip',
dialect: 'mysql',
operatorsaliases: false,
dialectoptions: {
charset: "utf8mb4",
collate: "utf8mb4_unicode_ci",
supportbignumbers: true,
bignumberstrings: true
},
pool: {
max: 5,
min: 0,
acquire: 30000,
idle: 10000
},
timezone: '+08:00' //东八时区
});
db = sequelize
}
module.exports = {
sequelize: db
}
②创建新模块 node createmodule.js newmodule
如此会生成新的model，我们需要在里边配置数据库相关的字段，这样就可以跟mysql形成映射关系，就无需在数据库中建表。以js错误的model为例，其中baseinfo为通用属性方法，会为model添加通用的属性：
const baseinfo = require('./baseinfo');
module.exports = function (sequelize, datatypes) {
return sequelize.define('javascripterrorinfo', {
...baseinfo(datatypes),
// id 主键
id: {
type: datatypes.integer,
primarykey: true,
allownull: false,
autoincrement: true,
},
// js报错信息
errormessage: {
type: datatypes.text,
allownull: true,
field: 'errormessage'
},
// js报错堆栈
errorstack: {
type: datatypes.text,
allownull: true,
field: 'errorstack'
},
// 浏览器信息
browserinfo: {
type: datatypes.text,
allownull: true,
field: 'browserinfo'
},
}, {
// 如果为 true 则表的名称和 model 相同，即 user
// 为 false mysql创建的表名称会是复数 users
// 如果指定的表名称本就是复数形式则不变
freezetablename: false
})
}
③处理modules和controllers层里边的逻辑
④为接口添加路由代码
const router = require('koa-router')
const usercontroller = require('../controllers/user')
const projectcontroller = require('../controllers/project')
const behaviorinfocontroller = require('../controllers/behaviorinfo')
const javascripterrorinfo = require('../controllers/javascripterrorinfo')
const customerpvcontroller = require('../controllers/customerpv')
const commoncontroller = require('../controllers/common')
const router = new router({
prefix: '/api/v1'
})
/**
* 日志相关处理
*/
// 用户注册
router.post('/uploadlog', commoncontroller.uploadlog);
/**
* 用户接口
*/
// 用户注册
router.post('/user', usercontroller.create);
// 用户登录
router.post('/user/login', usercontroller.login);
// 获取用户信息
router.get('/user', usercontroller.getuserinfo);
// 获取用户列表
router.get('/user/list', usercontroller.getuserlist);
// 删除用户
router.delete('/user/:id', usercontroller.delete);
...
module.exports = router
⑤执行命令 npm run start , 即可在mysql数据库中创建数据库表
到此，后台服务器便可成功运行了
上一章： 搭建前端监控系统（二）js错误监控篇
下一章： 搭建前端监控系统（四）展示平台部署篇
如对本文有疑问， 点击进行留言回复！！
Agora 开源 | 一个 Demo，帮你快速实现社交直播四大场景
vuejs （2）- Vue 生命周期 和 VueJS ajax
网友评论