首页 > 解决方案 > 使用`electron-forge make --platform=win32`构建电子应用程序时如何重用平台参数?

问题描述

我们正在为 macos、linux 和 windows 构建一个电子桌面应用程序。
这是我们的电子锻造配置:

// forge.config.js
const os = require('os')

const package = require('./package.json')

function getExtraResource() {
  const p = os.platform()
  switch (p) {
    case 'darwin':
      return ['./static/bin/pasteld-mac']
    case 'linux':
      return ['./static/bin/pasteld-linux']
    case 'win32':
      return ['./static/bin/pasteld-win.exe']
    default:
      throw new Error(
        'forge.config.js error: your OS is not supported. Supported OS are: darwin, linux, win32',
      )
  }
}

function getIcon() {
  const p = os.platform()
  switch (p) {
    case 'darwin':
      return './static/icons/icon.icns'
    case 'linux':
      return './static/icons/icon.png'
    case 'win32':
      return './static/icons/icon.ico'
    default:
      throw new Error(
        'forge.config.js error: your OS is not supported. Supported OS are: darwin, linux, win32',
      )
  }
}

module.exports = {
  packagerConfig: {
    name: package.productName,
    executableName: package.name,
    icon: getIcon(),
    asar: true,
    extraResource: getExtraResource(),
    protocols: [
      {
        protocol: package.name,
        name: package.name,
        schemes: [package.protocolSchemes.native],
      },
    ],
  },
  makers: [
    {
      name: '@electron-forge/maker-squirrel',
      config: {
        exe: `${package.name}.exe`,
        setupIcon: './static/icons/icon.ico',
        loadingGif: './static/icons/icon.gif',
        iconUrl:
          'https://raw.githubusercontent.com/pastelnetwork/pastel-electron-wallet/master/static/icons/icon.ico',
        title: package.productName,
        setupExe: `${package.productName} Setup - v${package.version}.exe`,
        skipUpdateIcon: true,
      },
    },
    {
      name: '@electron-forge/maker-dmg',
      config: {
        icon: './static/icons/icon.icns',
        name: package.productName,
      },
    },
    {
      name: '@electron-forge/maker-deb',
      config: {
        options: {
          icon: './static/icons/icon.png',
        },
      },
    },
  ],
  plugins: [
    [
      '@electron-forge/plugin-webpack',
      {
        mainConfig: './webpack.main.config.js',
        renderer: {
          config: './webpack.renderer.config.js',
          entryPoints: [
            {
              html: './src/index.html',
              js: './src/renderer.tsx',
              name: 'main_window',
            },
          ],
        },
      },
    ],
  ],
}

正如您在上面的文件中看到的,getExtraResource()检测操作系统类型并根据它选择正确的可执行文件。换句话说,run make在一个合适的平台上运行是我们构建应用程序所需要的。
但是,我们现在要在 linux wine 映像上构建 Windows 安装程序,更具体地说是使用electronuserland/builder:wine-monoimage。到目前为止,一切都按预期工作,除了一件事 - 我们仍然需要在 switch 子句中添加一个步骤,getExtraResource()以选择构建器映像中的 windows 可执行文件而不是 linux 可执行文件(请注意,构建器映像仍然是 linux 映像! )。
它会是这样的:

# forge.config.js
//...

function getExtraResource() {
  const p = os.platform()
  switch (p) {
    case 'darwin':
      return ['./static/bin/pasteld-mac']
    case 'linux':
      if (build_arg === 'win32') {
        return ['./static/bin/pasteld-win.exe']
      }
      return ['./static/bin/pasteld-linux']
    case 'win32':
      return ['./static/bin/pasteld-win.exe']
    default:
      throw new Error(
        'forge.config.js error: your OS is not supported. Supported OS are: darwin, linux, win32',
      )
  }
}

//...

我怎样才能得到build_arg上面的文件?
构建命令yarn make --platform=win32位于 wine builder 映像中。
提前致谢!

标签: circlecielectron-builderwineelectron-packagerelectron-forge

解决方案


Electron Forge 支持钩子,其中一些可以通过平台和拱门,您可以在全球范围内保存。

目前,通过这些的最早的钩子packageAfterCopy对于您的使用来说可能为时已晚,但值得一试:

  plugins: [
     // ...
  ],
  hooks: {
    packageAfterCopy: async (
      forgeConfig,
      buildPath,
      electronVersion,
      platform,
      arch
    ) => {
      console.log(buildPath, electronVersion, platform, arch);
    },
  }
}

我还打开了一个 PR来将这些参数添加到generateAssets钩子中。


推荐阅读