tailLog打包功能升级

记录 tailLog 实时日志查看工具的打包功能升级方法

# 背景

在处理线上问题的时候经常会遇到查询服务器日志的需求，需要手动连上服务器再去执行命令查看实时日志比较麻烦，经过一番搜索之后发现了 tailLog 项目，但是项目历史比较久远，使用的依赖已经是几年前的了，项目提供的打包命令只是打出了解压版的文件，离想要的安装包有一定距离所以决定做一下优化。

# 打包功能升级方法

1. 修改依赖的electron版本：

代码语言：javascript复制

"electron": "^9.0.0"

1. 打包器选用 electron-builder

代码语言：javascript复制

"electron-builder": "^24.4.0"

1. package.json 新增 build 配置项：

代码语言：javascript复制

"build": {
    "appId": "com.xx.app",
    "mac": {
      "target": [
        "dmg",
        "zip"
      ],
      "icon": "build/logo.icns"
    },
    "win": {
      "target": [
        "nsis",
        "zip"
      ],
      "icon": "build/logo.ico"
    },
    "files": [
      "./main.js",
      "./node",
      "./build"
    ],
    "extends": null
},

1. 新增打包命令。

代码语言：javascript复制

"build:mac": "npm run build && electron-builder --mac --dir=outMac",
"build:win64": "npm run build && electron-builder --win --x64",

1. 打包。 运行打包命令：

代码语言：javascript复制

npm run build:win64
npm run build:mac

最后我们就可以得到安装包了。

# 问题处理

1. 打包过程中如果遇到依赖无法下载的问题可以去淘宝源下载好对应依赖放到缓存目录中即可
2. 替换了自己的图标之后如果打开的程序窗口左上角不显示应用图标则可以在创建窗体的时候设置图标：

代码语言：javascript复制

win = new BrowserWindow({
    width: 960,
    height: 800,
    icon: path.join(__dirname, 'build/favicon.ico')
});

打包 build 服务器 工具 日志

0 人点赞