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

背景

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

打包功能升级方法

1. 修改依赖的electron版本：

"electron": "^9.0.0"

2. 打包器选用 electron-builder

"electron-builder": "^24.4.0"

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

"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
},

4. 新增打包命令。

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

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

npm run build:win64
npm run build:mac

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

问题处理

1. 打包过程中如果遇到依赖无法下载的问题可以去淘宝源下载好对应依赖放到缓存目录中即可

2. 替换了自己的图标之后如果打开的程序窗口左上角不显示应用图标则可以在创建窗体的时候设置图标：

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

参考资料

• 淘宝源 (opens new window)
• tailLog (opens new window)