V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jhdrfes
V2EX  ›  分享发现

webfunny 前端监控系统搭建流程:简单 5 步开启快速开始搭建

  •  
  •   jhdrfes · 2021-10-06 22:54:11 +08:00 · 857 次点击
    这是一个创建于 1169 天前的主题,其中的信息可能已经有所发展或是发生改变。

    部署环境要求

    请安装 NodeJS,版本号:10.6.0 及以上。

    配置要求、压力测试

    • 日活十万 UV 以内:1 核 2G内存及以上,单点即可。
    • 日活百万 UV 左右:2 核 4G内存及以上,单点即可。(为保证稳定性,建议至少 2 核 2G 以上)

    压力测试:2 核 CPU(3.8GH), 4G 内存,单点部署,最高峰支持 2.8 万 /分钟的日志并发量。超过 3 万 /分钟后,会出现日志丢失的情况(此压力值测试供参考)

    压力测试地址: 点我进行压测 (注意:需要搭建好 webfunny,并创建好项目之后才能测试)

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

    1.本地克隆代码$:git clone https://github.com/a597873885/webfunny_monitor.git  
    使用码云仓库$:git clone https://gitee.com/webfunnyMonitor/webfunny_monitor.git ( github 网络不稳定,可以使用码云地址)  
    2.在项目根目录下执行初始化命令和安装命令$:npm run init && npm install  
    3.确认是否安装了 pm2,如果没有安装 pm2,请执行安装命令$:npm install pm2 -g
    复制代码
    

    第二步、配置数据库(Mysql)连接

    1\. 安装 Mysql 数据库( Mysql 安装教程)
    
    2. 创建数据库
    数据库名称:webfunny_db 。
    字符集设置:[Default Character set]:utf8 、 [Default Collation]:utf8_bin
    
    3. 数据库连接配置
    进入 webfunny_monitor/bin/mysqlConfig.js 文件中(如果没有数据库,可以联系我,使用测试数据库哦)
    
    module.exports = {
      write: {
        ip: 'xxx.xxx.xxx.xxx',         // 远程 ip 地址
        port: '3306',                  // 端口号
        dataBaseName: 'webfunny_db',   // 数据库名
        userName: 'root',              // 用户名
        password: '123456'             // 密码
      }
    }
    复制代码
    

    第三步、本地部署运行

    1) 此时此刻,本地配置已经完成了,尝试运行命令$: npm run prd
    如果提示报错:Script already launched,说明程序已经运行了,请使用$: npm run restart
    
    2) 打开浏览器,访问地址: http://localhost:8010/webfunny/register.html?type=1 (初始化管理员账号,并登录)
    
    3) 创建新项目后,可以看到探针部署教程,完成部署。
    复制代码
    

    第四步、生产环境部署

    1\. IP 地址或者域名配置(方式一)
    进入 webfunny_monitor/bin/domain.js 文件中(注意,对应的端口号要保持一致)
    
    IP 地址配置方式:
    module.exports = {
      localServerDomain: 'xxx.xxx.xxx.xxx:8011',    // 日志上报域名
      localAssetsDomain: 'xxx.xxx.xxx.xxx:8010',    // 前端页面域名
      localServerPort: '8011',                      // 日志上报端口号
      localAssetsPort: '8010',                      // 前端页面端口号
    }
    
    2. 代理域名配置,去掉端口号(方式二)
    使用代理域名的用户,请一定要理解清楚 Nginx 代理的方法
    
    代理域名配置方式(端口号还是需要配置的):
    module.exports = {
      localServerDomain: 'www.baidu.com',      // 日志上报域名
      localAssetsDomain: 'www.baidu.com',      // 前端页面域名
      localServerPort: '8011',                 // 日志上报端口号
      localAssetsPort: '8010',                 // 前端页面端口号
    }
    复制代码
    

    第五步、添加执行权限

    正常情况下 createTable.sh, restart.sh 这两个脚本没有执行权限,需要用户手动授权。
    linux 、mac 系统,需要在项目根目录下执行命令$:chmod 755 createTable.sh ,chmod 755 restart.sh 进行授权。
    
    其他操作系统,请自行搜索授权方式。 [注意] 如果不授权,可能无法自动创建每天的数据库表。
    复制代码
    

    恭喜您,Webfunny 这样就部署好了,快去尝试部署到线上环境吧,如有操作疑问欢迎找我沟通交流~~~

    快速前往搭建:Webfunny 前端监控系统,纯私有化部署

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4077 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 05:26 · PVG 13:26 · LAX 21:26 · JFK 00:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.