electron 一次打包 配置多个地址

electron 打包一个壳子配置多个地址
上回说到配置应用打开的地址，我们可以通过修改mainWindow.loadFile或者mainWindow.loadURL改变打包后的访问地址，但是因为收到了一个项目的需求，主要是为了减轻每次打包浪费的时间，让实施能够用一个壳子的情况下，自己配置访问的地址内容。所以翻了许多文档和方法，最后决定用一个最简单的办法解决，具体内容往下看。

我们知道打包后，实际可以把壳子看作一个浏览器（Google Chromium），所以我们就知道可以通过修改访问地址直接应用。

基础打包

在main.js里面，我们修改加载方式为mainWindow.loadFile(path.join(__dirname, './index.html'))

修改index.html添加我们自定义的js文件，这里我命名为setting.js

<script src="./setting.js" language="javascript" type="text/javascript"></script>

在seeting.js里面我们把页面初始化后，直接跳转到我们想要的地址

window.onload = function(){
    window.location.href = "https://www.baidu.com"
}

全部保存打包即可

打包后如何修改访问地址？

因为我们可以通过electron-builder和electron-packager两种方式进行打包，这两种打包方式出来的运行结果是一样的，但是修改方法却不同，我们先说简单的–electron-packager。

electron-packager打包后，修改访问地址：

其实如果看懂了setting.js的作用，我们的修改方法就很显而易见了，就是把setting.js文件找出来，然后修改window.location.href就可以达到我们想要的配置效果。

具体的路径：
打包的地址\resources\app\setting.js。

我们用任意的编辑器把window.location.href后面的内容修改保存即可。简单的说完了，我们来说稍微复杂点的electron-builder打包后如何修改配置地址。

electron-builder打包后，修改访问地址：

 

这两种修改方法其实大同小异，我们要做的还是把setting.js里面的地址修改，不过我们用electron-builder打包后resources目录下的app变成了一个asar文件。接下来我们要做的就是把这个文件解密后修改，然后再重新加密即可。

我们先用命令行，全局安装asar：

npm install asar -g

asar -V	#查看版本，验证是否成功(V是大写)

然后我们来到resources目录下解密文件（两条命令任选其一）：

asar e app.asar <解压后的目录>
asar extract app.asar <解压后的目录>

打开解压后的目录，我们就能看到我们原本的目录结构了，找到setting.js修改并保存地址，重新加密文件（两条命令任选其一）：

asar p <被打包的目录> app.asar
asar pack <被打包的目录> app.asar

最后我们再重新打开应用，即可发现项目的访问地址已经变成了修改后的！大功告成！

如果还有什么不明白或者不懂的内容可以联系我WX或者QQ一起探讨： 635844844。