electron窗口和主进程通信ipc

最新推荐文章于 2024-05-31 15:20:56 发布

kingov

最新推荐文章于 2024-05-31 15:20:56 发布

阅读量8.7k

点赞数

分类专栏： 1 WEB前端文章标签： electron

本文链接：https://blog.csdn.net/kingov/article/details/78891040

版权

1 WEB前端专栏收录该内容

23 篇文章 0 订阅

订阅专栏

前端和后台通信ipc

const electron = require('electron')

const { app } = electron

const ipc = require('electron').ipcMain

const { BrowserWindow } = electron

let win

ipc.on('getMsg', (sys, msg) => {
  console.log(msg)  //接收窗口传来的消息
})

app.on('ready', createWindow)

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

app.on('activate', () => {
  if (win === null) {
    createWindow()
  }
})

function createWindow() {
  win = new BrowserWindow({
    width: 600,
    height: 400
  })

  win.loadURL(`file://${__dirname}/app/index.html`)

  // win.webContents.openDevTools() //开启调试工具

  win.on('close', () => {
    win = null
  })
  win.on('resize', () => {
    win.reload()
  })

  win.on('closed', () => {
    win = null
  })
}

index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>myapp</title>
</head>

<body>
  <h1>electron-app-3</h1>
  <input type="" name="" id="ipt" value="">
  <button type="button" onclick="connectMain()">和主进程通信</button>


  <script>
    const ipc = require('electron').ipcRenderer;
    var ipt = document.getElementById('ipt')

    function connectMain() {
      console.log('index.html', ipt.value);
      ipc.send('getMsg', ipt.value)
    }
  </script>
</body>

</html>

kingov

关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
electron窗口和主进程通信ipc

前端和后台通信ipcconst electron = require('electron')const { app } = electronconst ipc = require('electron').ipcMainconst { BrowserWindow } = electronlet winipc.on('getMsg', (sys, msg) =&gt; {...
复制链接

扫一扫