Electron + React = 💜

  • 11. Electron : Icons
  • 10. Electron : Build
  • 9. Electron : Native Node Module
  • 8. Electron : Shell
  • 7. React : 상태 관리
  • 6. React + Electron : 이벤트
  • 5. React + Electron : Example
  • 4. Electron : 이벤트
  • 3. Electron : 통신
  • 2. Electron : 기본 기능
  • 1. Electron : 구성

Electron : 통신

7개월, 1주 전
@baealex

소비적인 일보단 생산적인 일을 좋아합니다.

통신은 Main의 ipcMain과 Render의 ipcRenderer를 통해서 진행된다. 기존 튜토리얼에선 별다른 설정없이 Render에서 다음 라이브러리를 호출하는 것 같으나 상위 버전에선 불가능하여 찾아보니 BrowserWindow를 생성할 때 다음과 같은 Preferences를 생성해야 한다.

webPreferences: {
    nodeIntegration: true
}

이후 Main에서

const { ipcMain } = require('electron')
ipcMain.on('asynchronous-message', (event, arg) => {
  console.log(arg);
  event.sender.send('asynchronous-reply', 'pong')
})

Render에서

const { ipcRenderer } = require('electron')

ipcRenderer.send('asynchronous-message', 'ping')
ipcRenderer.on('asynchronous-reply', (event, arg) => {
    console.log(arg)
})

위와같이 통신을 진행한다.

작성된 댓글이 없습니다!
로그인된 사용자만 댓글을 작성할 수 있습니다.