main.js

const { app, BrowserWindow, globalShortcut, Menu, ipcMain, dialog, Notification, BrowserView } = require('electron')
const { autoUpdater } = require("electron-updater")

// 保持对window对象的全局引用，如果不这么做的话，当JavaScript对象被
// 垃圾回收的时候，window对象将会自动的关闭
let win
let child

function createWindow () {
  // 创建浏览器窗口。
  win = new BrowserWindow({
    minWidth: 1300,
    minHeight: 800,
    icon: 'src/assets/favicon.icns',
    title: '听客来',
    show: false, // 全屏时，需要先关闭
    webPreferences: {
      nodeIntegration: true, // 是否集成Node：默认不开启。不开启的话，node有关系的代码无法识别。
      contextIsolation: false
    },
  })
  
  Menu.setApplicationMenu(setApplicationMenuTemplate())
  win.maximize()
  win.show()
  

  // 加载index.html文件
  win.loadURL('https://www.tingkelai.com/tingkelai/')

  // 当 window 被关闭，这个事件会被触发。
  win.on('closed', () => {
    // 取消引用 window 对象，如果你的应用支持多窗口的话，
    // 通常会把多个 window 对象存放在一个数组里面，
    // 与此同时，你应该删除相应的元素。
    win = null
  })
  
  child = new BrowserWindow({ 
    parent: win, 
    modal: true, 
    show: false, 
    frame: false, 
    width: 620,
    height: 360,
    minWidth: 620,
    minHeight: 330,
    resizable: false,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
    }, 
  })
  child.loadFile('./src/pages/about/versionMessage.html')
  // child.webContents.openDevTools() // 打开调试控制台
}

// Electron 会在初始化后并准备
// 创建浏览器窗口时，调用这个函数。
// 部分 API 在 ready 事件触发后才能使用。
app.on('ready', () => {
  console.log('ready')
  createWindow()
  registerShortcut() // 注册快捷键
  autoUpdate() // 自动更新
  setContextmenu(win.webContents) // 设置右击菜单
  isDomReady(win.webContents) // 刷新后 dom 加载完成执行的事件
  setTheLock() // 获取设备锁，当打开第二个客户端时
})

// 当全部窗口关闭时退出。
app.on('window-all-closed', () => {
    // 注销所有快捷键
    globalShortcut.unregisterAll()

  // 在 macOS 上，除非用户用 Cmd + Q 确定地退出，
  // 否则绝大部分应用及其菜单栏会保持激活。
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  console.log('activate')
  // 在macOS上，当单击dock图标并且没有其他窗口打开时，
  // 通常在应用程序中重新创建一个窗口。
  if (win === null) {
    createWindow()
    registerShortcut() // 注册快捷键
    setContextmenu(win.webContents) // 设置右击菜单
    isDomReady(win.webContents) // 刷新后 dom 加载完成执行的事件
  }
})

ipcMain.on('close', () => {
  child.hide()
})

/** 当运行第二个实例时 */
function setTheLock() {
  const gotTheLock = app.requestSingleInstanceLock() // 此方法的返回值表示你的应用程序实例是否成功取得了锁。 return Boolean
  if (!gotTheLock) {
    // 没有取得锁，则关闭应用
    app.quit()
  } else {
    app.on('second-instance', () => {
      // 当运行第二个实例时,则打开第一个实例
      if (win) {
        win.focus()
      }
    })
  } 
}

/** 在实例加载成功后，执行的脚本 */
function behindInstanceJavaScript(contents) {
  contents.executeJavaScript(`
    const getMac = require('getmac');
    window.isElectron = true; // 表示 electron 客户端
    let theMac = getMac.default().replace(/:/g, '-');
    console.log('theMac', theMac)
    window.mac = theMac

    // 捕获外部链接
    const {shell} = require('electron');
    // 这个事件名称很重要
    window.addEventListener('externalLink', function (e) {
      shell.openExternal(e.detail.href)
    })

    // 使用 node 方法    
    // console.log(getMac.default().replace(/:/g, '-').toLocaleUpperCase())
    // console.log(getMac.default())
    // const os = require('os')
    // const networkInterfaces = os.networkInterfaces();
    // console.log(networkInterfaces)
    // const list = networkInterfaces.WLAN
    // console.log(list)
    // if (list && list.length > 0) window.mac = list[0].mac.replace(/:/g, '-')
    // console.log(list[0].mac.replace(/:/g, '-'))
  `)
}

/** 注册快捷键 */
function registerShortcut() {
  globalShortcut.register('CommandOrControl+P', () => {
    // 打开开发者工具
    win.webContents.openDevTools()
  })

  if (!globalShortcut.isRegistered('CommandOrControl+P')) {
    globalShortcut.register('CommandOrControl+P', () => {
      // 打开开发者工具
      win.webContents.openDevTools()
    })
  }

}

/** 设置菜单栏 */
function setApplicationMenuTemplate() {
  let template = [
    {
      label: '关于',
      click: () => {
        aboutDialog()
      }
    },
    {
      label: '控制台',
      click: () => {
        win.webContents.openDevTools()
      }
    },
  ]
  console.log(process.platform)
  if (process.platform === 'darwin') {
    template = [
      {
        label: '听客来',
        submenu: [
          {
            label: '关于',
            click: () => {
              aboutDialog()
            }
          },
          {
            label: '控制台',
            click: () => {
              win.webContents.openDevTools()
            }
          },
        ]
      },
      {
        label: '编辑',
        submenu: [
          {
            label: '撤销',
            accelerator: 'Command+Z',
            role: 'undo'
          },
          {
            label: '重做',
            accelerator: 'Shift+Command+Z',
            role: 'redo'
          },
          {
            label: '剪切',
            accelerator: 'Command+X',
            role: 'cut'
          },
          {
            label: '复制',
            accelerator: 'Command+C',
            role: 'copy'
          },
          {
            label: '粘贴',
            accelerator: 'Command+V',
            role: 'paste'
          },
          {
            label: '全选',
            accelerator: 'Command+A',
            role: 'selectall'
          }
        ]
      }
    ]
  }
   
  return Menu.buildFromTemplate(template)
}

/**设置右击菜单栏 */
function setMenuTemplate() {
  const template = [
    {
      label: '复制',
      accelerator: 'CommandOrControl+C',
      role: 'copy',
    },
    {
      label: '粘贴',
      accelerator: 'CommandOrControl+V',
      role: 'paste',
    },
    {
      label: '刷新',
      accelerator: 'CommandOrControl+R',
      role: 'reload',
    }
  ]

  return Menu.buildFromTemplate(template)
}

/** 右击事件 */
function setContextmenu(contents) {
  contents.on('context-menu', (e, params) => {
    e.preventDefault()
    const menu = setMenuTemplate()
    menu.popup()
  })
}

/** webcontents dom加载完成后调用 */
function isDomReady(contents) {
  contents.on('dom-ready', () => {
    behindInstanceJavaScript(contents)
  })
}

/** 显示更新弹框 */
function autoUpdate() {
  autoUpdater.checkForUpdates()
  // autoUpdater.on('update-downloaded', function (info) {
  //   const notify = new Notification({
  //     title: `听客来V${info.version} 已准备就绪！`,
  //     body: `请退出当前应用，以便完成更新！`
  //   });
  //   notify.show();
  // });


  // autoUpdater.on('update-available', () => {
  //   const notify = new Notification({
  //     title: `有更新`,
  //     body: `有更新`
  //   });
  //   notify.show();
  // })
}

/** 显示关于dialog */
function aboutDialog() {
  child.show()
}