webfunny埋点系统如何进行部署？

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_bin3. 在根目录下、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_bin2.创建clickhouse数据库
数据库名称：webfunny_clickhouse_db3. 在根目录下、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": ""    // 指定埋点系统上报域名（一般不需要更改）},
}**