[Electron] ipcRenderer.invoke & ipcMin.handle

IpcRenderer.invoke

 💡 Electron에서 주로 사용되는 메서드 중 하나.

• ipcRenderer 객체는 렌더러 프로세스에서 사용되며, 주로 메인 프로세스와의 비동기적인 통신을 위해 사용.
• ipcRenderer.invoke는 메인 프로세스에 비동기적인 요청을 보내고 결과를 받기 위해 사용.
• 이 메서드는 Promise를 반환하며, 메인 프로세스에서 처리되고 완료된 후에 Promise 결과가 렌더러 프로세스에 전달.
• ipcRenderer.invoke 를 사용할 때는 메인 프로세스에서 해당 요청을 처리할 때 ipcMain.handle을 사용하여 요청을 처리하고 결과를 반환

예제

// 렌더러 프로세스에서의 예제 코드
const { ipcRenderer } = require('electron');

async function fetchDataFromMainProcess() {
  try {
		// 'fetch-data'라는 비동기적인 요청을 보냄
    const result = await ipcRenderer.invoke('fetch-data'); 
    console.log(result); // 메인 프로세스에서 반환된 결과 출력
  } catch (error) {
    console.error(error); // 에러 처리
  }
}

fetchDataFromMainProcess();

---

✅ ipcRenderer.invoke | ipcMain.handle

개념 및 예시

ipcRenderer.invoke와 ipcMain.handle는 Electron 프레임워크에서 주로 사용되는 두 가지 IPC(Inter-Process Communication) 메서드

ipcRenderer

ipcRenderer.invoke는 렌더러 프로세스에서 ipcMain.handle에서 등록한 이벤트를 호출하고, 비동기적으로 응답을 받는 데 사용

예를 들어, 렌더러 프로세스에서 ipcMain.handle를 사용하여 애플리케이션의 메인 프로세스에 데이터를 요청하고, ipcRenderer.invoke를 사용하여 이를 처리한 결과를 받을 수 있음.

 

Main process

const { ipcMain } = require('electron')

ipcMain.handle('getData', async (event, arg) => {
  // handle the data request
  return result;
})

Renderer process

const { ipcRenderer } = require('electron')

async function getDataFromMainProcess() {
  const result = await ipcRenderer.invoke('getData', arg);
  // handle the result from the main process
}

ipcMain

ipcMain.handle는 반면, 메인 프로세스에서 렌더러 프로세스에서 호출되는 이벤트를 수신하는 데 사용

예를 들어, 메인 프로세스에서**ipcRenderer.invoke**를 사용하여 렌더러 프로세스에게 데이터를 요청할 때, ipcMain.handle를 사용하여 해당 요청을 처리하고 데이터를 반환

main process

const { ipcMain } = require('electron')

ipcMain.handle('getData', async (event, arg) => {
  // handle the data request
  return result;
})

Renderer process

const { ipcRenderer } = require('electron')

async function getDataFromMainProcess() {
  const result = await ipcRenderer.invoke('getData', arg);
  // handle the result from the main process
}

즉, ipcRenderer.invoke와 ipcMain.handle는 Electron에서 렌더러 프로세스와 메인 프로세스 간의 통신을 쉽게 처리하기 위한 메서드