Electron实战系列六：应用图标生成

1. 应用图标生成:

(1). 不同尺寸图标的生成有以下方法:

①. Windows:
    a. 软件生成:icofx3
    b. 网页生成:
       https://tool.520101.com/diannao/ico/(opens new window)

②. MacOS:
    a. 软件生成:icofx3
    b. 网页生成：:
       https://tool.520101.com/diannao/ico/(opens new window)
    c. 命令行生成:
       (1). 使用sips和iconutil生成

---

2. 二进制文件构建:

基于electron-forge

在开发桌面端应用时,会有场景要用到第三方的二进制程序,如ffmpeg这种,在构建二进制程序时,注意项:

(1). 二进制程序不能打包进asar中可以在构建配置文件(forge.config.js)进行如下设置:

const os = require('os')
const platform = os.platform()
const config = {
  packagerConfig: {
    // 可以将ffmpeg目录打包到asar目录外面
    extraResource: [`./src/main/ffmpeg/`]
  }
}

(2). 开发和生产环境,获取二进制程序路径方法是不一样的,可以采用如下代码进行动态获取:

import { app } from 'electron'
import os from 'os'
import path from 'path'
const platform = os.platform()
const dir = app.getAppPath()
let basePath = ''
if(app.isPackaged) basePath = path.join(process.resourcesPath)
else basePath = path.join(dir, 'ffmpeg')
const isWin = platform === 'win32'
// ffmpeg 二进制程序路径
const ffmpegPath = path.join(basePath, `${platform}`, `ffmpeg${isWin ? '.