记一次使用Node.js electron打包网站的记录

来源:转载

具体步骤请参考:http://blog.csdn.net/a727911438/article/details/70834467

打包时出现了不少问题,逐一记录下来以供其他人参考。

package.json文件内容

{ "name": "appname", "version": "0.1.0", "main": "./main.js", "scripts": { "start": "electron ." }}

main.js文件内容

const {app, BrowserWindow} = require('electron')const path = require('path')const url = require('url')// Keep a global reference of the window object, if you don't, the window will// be closed automatically when the JavaScript object is garbage collected.let winfunction createWindow () { // Create the browser window. win = new BrowserWindow({width: 800, height: 600}) // and load the index.html of the app. win.loadURL(url.format({ pathname: path.join(__dirname, 'index.html'), protocol: 'file:', slashes: true })) // Open the DevTools. // win.webContents.openDevTools() // Emitted when the window is closed. win.on('closed', () => { // Dereference the window object, usually you would store windows // in an array if your app supports multi windows, this is the time // when you should delete the corresponding element. win = null })}// This method will be called when Electron has finished// initialization and is ready to create browser windows.// Some APIs can only be used after this event occurs.app.on('ready', createWindow)// Quit when all windows are closed.app.on('window-all-closed', () => { // On macOS it is common for applications and their menu bar // to stay active until the user quits explicitly with Cmd + Q if (process.platform !== 'darwin') { app.quit() }})app.on('activate', () => { // On macOS it's common to re-create a window in the app when the // dock icon is clicked and there are no other windows open. if (win === null) { createWindow() }})// In this file you can include the rest of your app's specific main process// code. You can also put them in separate files and require them here.

安装好打包神器后,在执行 electron-packager时出现“Unable to determine Electron version. Please specify an Electron version”错误:

要解决这一问题,只需在命令中指定Electron version,具体命令如下:

electron-packager . sound_machine --win --out a --arch=x64 --version=0.1.0 --electron-version=1.6.15 --overwrite --ignore=node_modules

 由于本地网络采用的是服务器代理上网模式,因此还需为npm指定代理地址,否则会出现“tunneling socket could not be established, statusCode=502”的错误。

 

设置npm代理的命令如下:

npm config set proxy=http://10.**.**.**:8080

 再次执行 electron-packager打包命令,这次没有错误了,提示开始下载文件。下载完成后开始打包,提示打包成功:

至此,打包完成。

分享给朋友:
您可能感兴趣的文章:
随机阅读: