埋点系统DEMO:演示效果
环境要求
请安装NodeJS,版本号:14.16.1及以上, 17.0以下。
第一步、下载(clone)最新部署包,初始化
1.本地克隆代码$:' git clone https://github.com/a597873885/webfunny_event.git '
使用码云仓库$:' git clone https://gitee.com/webfunnyMonitor/webfunny_event.git '(github网络不稳定,可以使用码云地址)
2.在项目根目录下执行初始化命令和安装命令$:
建议切换淘宝镜像:' npm config set registry http://registry.npm.taobao.org/ '
生成基础配置文件:' npm run bootstrap && npm install '
3.确认是否安装了pm2,如果没有安装pm2,请执行安装命令$:npm install pm2 -g
第二步、配置数据库(Mysql)连接
1. 安装 Mysql 数据库(Mysql安装教程)
2. 创建数据库
数据库名称:webfunny_db_event。
字符集设置:[Default Character set]:utf8、 [Default Collation]:utf8_bin
3. 数据库连接配置
进入webfunny_event/config_variable/config.json文件中(如果没有数据库,可以联系我们,使用测试数据库哦)
"mysqlConfig": { // 数据库配置
"write": {
"ip": "localhost", // 远程ip地址
"port": "3306", // 端口号
"dataBaseName": "webfunny_db_event", // 数据库名
"userName": "root", // 用户名
"password": "123456" // 密码
},
"read": [] // 读写分离配置
},
第三步、本地部署运行
1) 此时此刻,本地配置已经完成了,尝试运行命令$: npm run prd
如果提示报错:Script already launched,说明程序已经运行了,请使用$: npm run restart
2) 打开浏览器,访问地址:http://localhost:8014/webfunny_event/register.html?type=1 (初始化管理员账号,并登录)
3) 创建新项目后,可以看到探针部署教程,完成部署。
第四步、生产环境部署
1. IP地址或者域名配置(方式一)
进入webfunny_event/config_variable/config.json文件中(注意,对应的端口号要保持一致)
IP地址配置方式:
"domain": {
"localServerDomain": "xx.xx.xx.xx:8015", // 日志上报地址
"localAssetsDomain": "xx.xx.xx.xx:8014", // 可视化页面地址
"localServerPort": "8015", // 日志上报端口号
"localAssetsPort": "8014", // 前端页面端口号
"mainDomain": ""
},
2. 代理域名配置,去掉端口号(方式二)
使用代理域名的用户,请一定要理解清楚Nginx代理的方法
代理域名配置方式(端口号还是需要配置的):
"domain": {
"localServerDomain": "www.baidu.com", // 日志上报域名
"localAssetsDomain": "www.baidu.com", // 可视化服务域名
"localServerPort": "8015", // 日志上报端口号
"localAssetsPort": "8014", // 前端页面端口号
"mainDomain": ""
},
恭喜您,Webfunny这样就部署好了,快去尝试部署到线上环境吧。