Docker容器化部署（企业版）

大家好，webfunny前端监控埋点系统，已经正式发布了webfunny的官方镜像：

Webfunny镜像目录：https://hub.docker.com/r/webfunny/webfunny_monitor_cluster/tags

部署前提是你的服务器已经安装了Docker环境，没有安装docker环境的可以参考这篇安装文档

一、拉取官方镜像

执行命令$：docker pull webfunny/webfunny_monitor_cluster:0.0.8

二、创建配置文件

配置文件模板代码：模板代码
外部配置文件目录挂载容器里面的路径，如下：

本地配置文件：/app/webfunny.config/，则映射目录为：/app/webfunny.config/

配置文件的参数说明文档。

三、填写基础配置

找到本地配置文件进行修改：/app/webfunny.config/index.js
填写授权码，如果没有，可以联系客服，微信号（webfunny2）

clike 复制代码

/**
* 授权码设置
* monitor：前端监控
* event: 埋点系统
* logger: 日志系统
* 配置更改后，需重启
*/
const licenseConfig = {
  "monitor": {
    "purchaseCode": "", // 监控系统授权码
    "secretCode": ""  // 解码（没有可不填）
  },
  "event": {
    "purchaseCode": "", // 埋点系统授权码
    "secretCode": ""  // 解码（没有可不填）
  }
}

填写数据库配置
创建msyql数据库 webfunny_db；

字符集设置：[Default Character set]：utf8、 [Default Collation]：utf8_bin

创建clickhouse数据库 webfunny_db;

注意：下方需要配置两处数据库

应用中心（center）：配 mysql数据库

监控系统（monitor）、埋点系统（event）、日志系统（logger）: 配 clickhouse数据库

clike 复制代码

/**
* 数据库设置
* center: 应用中心数据库（mysql）
* monitor：前端监控数据库（clickhouse）
* event: 埋点系统数据库（clickhouse）
* logger: 日志系统数据库（clickhouse）
* monitor、event、logger 三个可以共用一台数据库
* 配置更改后，需重启
*/
const mysqlConfig = {
  // 应用中心（Mysql）
  "center": {
    "write": {
      "ip": "xx.xx.xx.xx",
      "port": "3306",
      "dataBaseName": "webfunny_db",
      "userName": "webfunny",
      "password": "12345678"
    },
    "read": []
  },
  // 监控（Clickhouse）
  "monitor": {
    "write": {
      "ip": "xx.xx.xx.xx",
      "port": "3306",
      "dataBaseName": "webfunny_db",
      "userName": "webfunny",
      "password": "12345678"
    },
    "read": []
  },
  // 埋点（Clickhouse）
  "event": {
    "write": {
      "ip": "xx.xx.xx.xx",
      "port": "3306",
      "dataBaseName": "webfunny_db",
      "userName": "webfunny",
      "password": "12345678"
    },
    "read": []
  },
  // 日志（Clickhouse）
  "logger": {
    "write": {
      "ip": "",
      "port": "",
      "dataBaseName": "",
      "userName": "",
      "password": ""
    },
    "read": []
  }
}

配置域名和端口号，如何配置？请参考文档的第四步：服务器部署

进入本地/app/webfunny.config/index.js

clike 复制代码

/**
* 域名端口设置
* 配置更改后，需重启
*/
const domainConfig = {
  "host": {
    "fe": "localhost:9010", // 前端访问域名
    "be": "localhost:9011"  // 后端接口域名
  },
  "port": {
    "fe": "9010",  // 前端启动端口号
    "be": "9011"   // 后端启动端口号
  },
  "uploadDomain": {
    "monitor": "", // 指定监控系统上报域名
    "event": ""    // 指定埋点系统上报域名
  },
}
5. 其他相关配置

/**
* 其他相关设置
* 配置更改后，需重启
*/
const otherConfig = {
  "email": {
    "useCusEmailSys": false, // 是否使用用户自己公司的邮箱系统
    "emailUser": "",         // 邮箱
    "emailPassword": ""      // 密码
  },
  "protocol": "",            // 内部通讯协议（一般用不上）
  "segmentUrl": "",          // segment 上报地址，对接skyWalking
  "messageQueue": false,     // 是否开启消息队列
  "openMonitor": true,       // 是否开启可视化页面的监控
  "uploadServerErrorToWebfunny": true, // 是否上报后端错误日志至logger服务（推荐开启，便于排查问题）
  "logSaveDays": 8,          // 日志存储周期
  "isOpenTodayStatistic": true, // 
  "business": {
    "batchInsert": {
      "limitQueueLength": 1000  // 一次批量插入最大数量
    },
    "userStayTimeScope": {      // 记录停留时间范围（即将废弃）
      "min": 100,
      "max": 100000
    }
  },
  "registerEntry": true,        // 是否允许注册
  "resetPwdEntry": true,        // 是否允许重置密码
  "ssoCheckUrl": "",            // SSO校验URL
  "activationRequired": false,  // 注册用户是否需要管理员激活
  "emailNeeded": {
    "need": true,               // 注册时，是否需要邮箱
    "requireVerify": true       // 注册时，是否需要验证邮箱的有效性
  },
  "phoneNeeded": {
    "need": true,               // 注册时，是否需要手机号
    "requireVerify": false      // 注册时，是否需要验证手机号的有效性
  },
  "extraCors": {                // 额外的cors配置
    "headers": ""
  },
}

配置生产环境，搭配nginx配置域名，代理配置可以参考文档：nginx代理配置

四、启动容器

执行启动命令之前，需要替换一下映射目录和版本号，按照文档的示例，对应值如下：

本地目录 -> /app/webfunny.config/

版本号 -> 0.0.8

三种方式启动$：

第一种：多行命令

clike 复制代码

docker run -it --rm -d --name webfunny_cluster \
       -p 9010:9010 \
       -p 9011:9011 \
       -v 本地目录:/app/webfunny.config/ \
       webfunny/webfunny_monitor_cluster:版本号

第二种：单行命令

clike 复制代码

```clike
docker run -it --rm -d --name webfunny_cluster -p 9010:9010 -p 9011:9011 -v 本地目录:/app/webfunny.config/ webfunny/webfunny_monitor_cluster:版本号

第三种：docker-compose方式启动，yml文件配置：

clike 复制代码

# 将此yml文件上传服务器，执行启动命令 docker-compose -f ./docker-compose.yml up
version: '2'
services:
  webfunny_monitor_cluster:
    image: webfunny/webfunny_monitor_cluster:版本号
    restart: always
    container_name: webfunny_cluster
    volumes:
      - 本地目录:/app/webfunny.config/
    ports:
      - 9010:9010
      - 9011:9011

启动slave命令：


```clike
docker run -it --rm -d --name webfunny_cluster \
       -p 9010:9010 \
       -p 9011:9011 \
       -v 本地目录:/app/webfunny.config/ \
       webfunny/webfunny_monitor_cluster:版本号 \
       npm run monitor_slave

查看容器情况： d o c k e r c o n t a i n e r l s ; 进入启动的容器：docker container ls ; 进入启动的容器：dockercontainerls;进入启动的容器：docker exec -it 容器id /bin/bash
访问页面：

此时，可以直接访问应用中心首页了

应用中心首页： http://localhost:9010/wf_center/main.html

五、容器的其他常用操作指令

拉取镜像：docker pull webfunny/webfunny_monitor_cluster:版本号

查看镜像：docker images

删除镜像：docker rmi -f 镜像id

查看容器：docker container ls ， docker container ls ---all

删除容器：docker container kill 容器id

启动容器：docker start 容器id

停止容器：docker stop 容器id

重启容器：docker restart 容器id

进入容器：docker exec -it 容器id /bin/bash

写在最后、以上就是webfunny前端监控Docker容器化部署（企业版）。PS：如果你是前端工程师同学，欢迎试用体验【webfunny前端监控系统】。