hello 大家webfunny埋点系统做了不少功能更新，平常给大家分享比较多的是**webfunny前端监控系统**，最近有不少技术同学来了解webfunny埋点系统，今天主要给大家分享下webfunny埋点系统部署，分为本地部署和线上部署。

还没有试用和部署过webfunny埋点系统的同学，可以跟着下面部署引导，在webfunny埋点系统上进行demo试用部署实操。

一、webfunny埋点系统：本地部署

第一步、环境要求

安装NodeJs：版本要求14.16.1及以上， 17.0以下。

第二步、下载(clone)最新部署包，初始化

1.本地克隆代码$：' git clone https://github.com/a597873885/webfunny_monitor.git '
使用码云仓库$：' git clone https://gitee.com/webfunnyMonitor/webfunny_monitor.git '（github网络不稳定，可以使用码云地址）

2.在项目根目录下执行初始化命令和安装命令$：
建议切换淘宝镜像：' npm config set registry https://registry.npmmirror.com/ '
生成基础配置文件：' npm install && npm run bootstrap '

3.确认是否安装了pm2，如果没有安装pm2，请执行安装命令$：' npm install pm2 -g '

第三步、尝试运行

如果你的电脑是联网的，到这里就可以直接运行了。（如果不能联网，请参考下方：线上部署教程）

执行启动命令：npm run prd；如已启动，则执行重启命令：npm run restart；

命令行出现webfunny的logo，则说明启动成功了。

第四步、访问页面

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

应用中心首页：http://localhost:8008/webfunny_center/main.html

二、webfunny埋点系统：线上部署

环境要求

安装NodeJS，版本要求：14.16.1及以上， 17.0以下。

安装pm2，版本目前无要求；

安装git，版本目前无要求；

配置要求

最低配置要求：Linux服务器：1台，CentOs系统，4核8G；Mysql数据库：1台，2核4G；Clickhouse数据库：1台，4核16G;

第一步、下载(clone)最新部署包，初始化

企业版地址（Clickhouse）

Github克隆：'  git clone https://github.com/a597873885/webfunny_monitor.git  '

Gitee克隆（国内地址）：'  git clone https://gitee.com/webfunnyMonitor/webfunny_monitor.git  '
专业版本地部署

初始化命令

1.在项目根目录下执行初始化命令和安装命令$：
  建议切换淘宝镜像：' npm config set registry https://registry.npmmirror.com/ '
  a. 安装依赖包：' npm install '
  b. 生成基础配置文件：' npm run bootstrap '
2.确认是否安装了pm2，如果没有安装pm2，请执行安装命令$：' npm install pm2 -g '

第二步、专业版：配置数据库(Mysql)连接（企业版看下一步）

1. 安装 Mysql 数据库
2. 创建数据库
数据库名称：webfunny_db。
字符集设置：[Default Character set]：utf8、 [Default Collation]：utf8_bin

3. 在根目录下、webfunny.config/index.js文件中
找到mysqlConfig参数（如果没有数据库，可以联系我，获取测试数据库哦）


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

第二步、企业版：配置数据库(Mysql + Clickhouse)连接（专业版看上一步）

Clickhouse安装教程：https://clickhouse.com/docs/zh/getting-started/install

注意：应用中心使用mysql；监控系统、埋点系统使用clickhouse

1.创建mysql数据库
数据库名称：webfunny_mysql_db
字符集设置：[Default Character set]：utf8、 [Default Collation]：utf8_bin


2.创建clickhouse数据库
数据库名称：webfunny_clickhouse_db


3. 在根目录下、webfunny.config/index.js文件中
找到mysqlConfig参数（如果没有数据库，可以联系我，获取测试数据库哦）


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

第三步、配置IP和端口号（使用域名，请看下一步）

在根目录webfunny.config.js文件中，找到参数：domainConfig，配置IP和端口**
/**
* 域名端口设置
* 配置更改后，需重启
*/
const domainConfig = {
    
    
  "host": {
    
    
    "fe": "localhost:9010", // 前端访问域名（专业版配置8010）
    "be": "localhost:9011"  // 后端接口域名（专业版配置8011）
  },
  "port": {
    
    
    "fe": "9010",  // 前端启动端口号（专业版配置8010）
    "be": "9011"   // 后端启动端口号（专业版配置8011）
  },
  "uploadDomain": {
    
    
    "monitor": "", // 指定监控系统上报域名（一般不需要更改）
    "event": ""    // 指定埋点系统上报域名（一般不需要更改）
  },
}

第四步、配置代理、域名
如大家所见，虽然执行了一条命令（npm run prd），其实是启动了3个模块，2个端口号，结构图见文档末尾。分别是：8011、8010，记得提醒运维同学，将所这2个端口的对外授权打开哦。
生产环境中，我们不推荐使用 IP + 端口的形式; 端口复杂，且不方便支持https，所以推荐使用代理，代理配置请参考文档：nginx代理
使用代理后，就可以将所有的IP+端口 替换成域名了，配置如下：

/**
* 域名端口设置
* 配置更改后，需重启
*/
const domainConfig = {
    
    
  "host": {
    
    
    "fe": "www.xxx.com", // 前端访问域名（一定要配置代理哦）
    "be": "www.xxx.com"  // 后端接口域名（一定要配置代理哦）
  },
  "port": {
    
    
    "fe": "9010",  // 前端启动端口号（专业版配置9010）
    "be": "9011"   // 后端启动端口号（专业版配置9011）
  },
  "uploadDomain": {
    
    
    "monitor": "", // 指定监控系统上报域名（一般不需要更改）
    "event": ""    // 指定埋点系统上报域名（一般不需要更改）
  },
}**

第五步、尝试运行，访问

执行命令：npm run prd；如果已经启动过了，则执行重启命令：npm run restart；

命令行出现webfunny.cn的logo，则说明启动成功了。

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

应用中心首页：http://www.xxx.com/wf_center/main.html

注：如果访问不了，请跟运维确认下是否打开了2个端口号的对外授权。

好了，webfunny埋点系统部署分享完毕，感兴趣的同学可以直接访问webfunny进行部署操作