搭建前端监控系统（三）NodeJs服务器部署篇

2018-09-01 05:49:19来源：博客园阅读 ()

=====================================================================

监控系统预览地址： 预览地址

页面探针代码： 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