跨平台JavaScript_Electron桌面应用开发

npm init -y
npm install electron --save-dev

"scripts": {
  "start": "electron main.js"
}

const { app, BrowserWindow } = require('electron')

function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: __dirname + '/preload.js'
    }
  })
  win.loadFile('index.html')
}

app.whenReady().then(() => {
  createWindow()
  app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') app.quit()
})

const { contextBridge, ipcRenderer } = require('electron')

contextBridge.exposeInMainWorld('electronAPI', {
  send: (channel, data) => ipcRenderer.send(channel, data),
  on: (channel, func) => ipcRenderer.on(channel, (event, ...args) => func(...args))
})

window.electronAPI.send('msg-from-renderer', 'Hello Main')

ipcMain.on('msg-from-renderer', (event, data) => {
  console.log(data)
})

npm install --save-dev electron-builder

"build": {
  "productName": "MyApp",
  "appId": "com.example.myapp",
  "win": { "target": "nsis" },
  "mac": { "target": "dmg" },
  "linux": { "target": "AppImage" }
}

"scripts": {
  "pack": "electron-builder --dir",
  "dist": "electron-builder"
}