将预编译的二进制文件捆绑到电子应用程序中

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《将预编译的二进制文件捆绑到电子应用程序中》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

关于如何将第三方预编译的二进制文件（例如 imagemagick）包含到电子应用程序中，是否有一个好的解决方案？有 node.js 模块，但它们都是包装器或本机绑定到系统范围内安装的库。我想知道是否可以在发行版中捆绑预编译的二进制文件。

正确答案

请参阅下面的更新（此方法目前并不理想）。

我确实找到了解决方案，但我不知道这是否被认为是最佳实践。我找不到任何好的文档来包含第三方预编译的二进制文件，所以我只是摆弄它，直到它最终与我的 FFmpeg 二进制文件一起工作。这是我所做的（从电子快速入门，node.js v6 开始）：

mac os x 方法

从应用程序目录中，我在终端中运行以下命令，将 ffmpeg 二进制文件包含为模块：

mkdir node_modules/ffmpeg
cp /usr/local/bin/ffmpeg node_modules/ffmpeg/
cd node_modules/.bin
ln -s ../ffmpeg/ffmpeg ffmpeg

（将 /usr/local/bin/ffmpeg 替换为您当前的二进制路径，从此处下载）放置链接允许 electro-packager 包含我保存到 node_modules/ffmpeg/ 的二进制文件。

然后为了获取捆绑的应用程序路径（以便我可以为我的二进制文件使用绝对路径...无论我做什么，相对路径似乎都不起作用）我安装了 npm 包 app-root-dir运行以下命令：

npm i -s app-root-dir

现在我有了根应用程序目录，我只需为我的二进制文件附加子文件夹并从那里生成。这是我放置在 renderer.js 中的代码：。

var approotdir = require('app-root-dir').get();
var ffmpegpath=approotdir+'/node_modules/ffmpeg/ffmpeg';
console.log(ffmpegpath);

const
    spawn = require( 'child_process' ).spawn,
    ffmpeg = spawn( ffmpegpath, ['-i',clips_input[0]]);  //add whatever switches you need here

ffmpeg.stdout.on( 'data', data => {
     console.log( `stdout: ${data}` );
    });
   ffmpeg.stderr.on( 'data', data => {
console.log( `stderr: ${data}` );
    });

windows方法

1. 打开您的电子基础文件夹（电子快速启动是默认名称），然后进入node_modules文件夹。在那里创建一个名为 ffmpeg 的文件夹，并将静态二进制文件复制到该目录中。注意：它必须是二进制文件的静态版本，对于 ffmpeg，我获取了最新的 windows 版本 here。

2. 为了获取捆绑的应用程序路径（以便我可以为我的二进制文件使用绝对路径...无论我做什么，相对路径似乎都不起作用）我安装了 npm 包 app-root- dir 通过在我的应用程序目录中的命令提示符下运行以下命令：

   npm i -s app-root-dir

3. 在 node_modules 文件夹中，导航到 .bin 子文件夹。您需要在此处创建几个文本文件，以告诉节点包含您刚刚复制的二进制 exe 文件。使用您最喜欢的文本编辑器创建两个文件，其中一个名为 ffmpeg，其中包含以下内容：

   #!/bin/sh
   basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
   
   case `uname` in
       *cygwin*) basedir=`cygpath -w "$basedir"`;;
   esac
   
   if [ -x "$basedir/node" ]; then
     "$basedir/node"  "$basedir/../ffmpeg/ffmpeg" "$@"
     ret=$?
   else
     node  "$basedir/../ffmpeg/ffmpeg" "$@"
     ret=$?
   fi
   exit $ret

第二个文本文件，名为 ffmpeg.cmd：

@if exist "%~dp0\node.exe" (
     "%~dp0\node.exe"  "%~dp0\..\ffmpeg\ffmpeg" %*
    ) else (
       @setlocal
     @set pathext=%pathext:;.js;=;%
     node  "%~dp0\..\ffmpeg\ffmpeg" %*
    )

接下来，您可以在 windows 电子发行版（在 renderer.js 中）中运行 ffmpeg，如下所示（我也使用 app-root-dir 节点模块）。请注意添加到二进制路径的引号，如果您的应用程序安装到带有空格的目录（例如 c:\program files\yourapp），没有这些引号它将无法工作。

var approotdir = require('app-root-dir').get();
var ffmpegpath = approotdir + '\\node_modules\\ffmpeg\\ffmpeg';

const
    spawn = require( 'child_process' ).spawn;
    var ffmpeg = spawn( 'cmd.exe', ['/c',  '"'+ffmpegpath+ '"', '-i', clips_input[0]]);  //add whatever switches you need here, test on command line first
ffmpeg.stdout.on( 'data', data => {
     console.log( `stdout: ${data}` );
 });
ffmpeg.stderr.on( 'data', data => {
     console.log( `stderr: ${data}` );
 });

更新：统一简单方法

随着时间的推移和 node 的更新，这种方法不再是包含预编译二进制文件的最简单方法。它仍然有效，但是当运行 npm install 时，node_modules 下的二进制文件夹将被删除，并且必须再次替换。以下方法适用于 node v12。

这种新方法消除了符号链接的需要，并且在 Mac 和 windows 上的工作方式类似。相对路径现在似乎可以工作。

1. 您仍然需要 approotdir：npm i -s app-root-dir

2. 在应用的根目录下创建一个名为 bin 的文件夹，并将预编译的静态二进制文件放置在此处，我使用 ffmpeg 作为示例。

3. 在渲染器脚本中使用以下代码：

const approotdir = require('app-root-dir').get();
const ffmpegpath = approotdir + '/bin/ffmpeg';
const spawn = require( 'child_process' ).spawn;
const child = spawn( ffmpegpath, ['-i', inputfile, 'out.mp4']);  //add whatever switches you need here, test on command line first
child.stdout.on( 'data', data => {
    console.log( `stdout: ${data}` );
});
child.stderr.on( 'data', data => {
    console.log( `stderr: ${data}` );
});

这是另一种方法，目前已在 mac 和 windows 上进行了测试。需要“app-root-dir”包，不需要手动添加任何内容到node_modules目录。

1. 将文件放在 resources/$os/ 下，其中 $os 是 "mac"、" linux”，或“win”。构建过程将根据构建目标操作系统从这些目录复制文件。

2. 将 extrafiles 选项放入您的构建配置中，如下所示：

package.JSON

"build": {
    "extrafiles": [
      {
        "from": "resources/${os}",
        "to": "resources/bin",
        "filter": ["**/*"]
      }
    ],

import { platform } from 'os';

export default () => {
  switch (platform()) {
    case 'aix':
    case 'freebsd':
    case 'linux':
    case 'openbsd':
    case 'Android':
      return 'linux';
    case 'darwin':
    case 'sunos':
      return 'mac';
    case 'win32':
      return 'win';
  }
};

import { join as joinPath, dirname } from 'path';
import { exec } from 'child_process';

import appRootDir from 'app-root-dir';

import env from './env';
import getPlatform from './get-platform';

const execPath = (env.name === 'production') ?
  joinPath(dirname(appRootDir.get()), 'bin'):
  joinPath(appRootDir.get(), 'resources', getPlatform());

const cmd = `${joinPath(execPath, 'my-executable')}`;

exec(cmd, (err, stdout, stderr) => {
  // do things
});