electron 主进程与渲染进程通信（promise 封装）

1：渲染层事件中心

const ipcRenderer = require('electron').ipcRenderer;
const sendBridge = (msg = { active: '', data: {} }) => {
  return new Promise((resolve, reject) => {
    ipcRenderer.on(msg.active, (event, arg) => {
      resolve(arg);
    });
    console.log('8>>>bridge.js', msg);
    ipcRenderer.send(msg.active, msg);
  });
};
export default sendBridge;

1.2 渲染层 事件中心注册

import Vue from 'vue';

import sendBridge from './events/bridge';

Vue.prototype.$sendBridge = sendBridge;

 

2:主进程 接收并处理

index.js 注册IPCHandler

import IPCHandler from './IPCHandler';
let context = {}; // 全局上下文
context.app = app;
context.isDev = process.env.NODE_ENV !== 'production';
context.ipcHandler = new IPCHandler(context);

IPCHandler.js

const { ipcMain } = require('electron');
class IPCHandler {
  constructor (context) {
    this.mContext = null;
    this.mContext = context;
    // 通讯录
    ipcMain.on('onInsertAllContacts', this.onInsertAllContacts.bind(this));
  }
  async onInsertAllContacts (event, args, userInfo) {
    console.log(38, event, args);
    event.sender.send(args.active, { active: args.active, result });
  }
}
export default IPCHandler;

3:渲染层 调用

this.$sendBridge({active: 'onInsertAllContacts', data: []}).then(res => {
});

 

 

总体思路：

页面组件 （active） =》 事件中心（ipcRenderer active） =》主进程接收中心（ipcMain active）=》【主进程业务处理】=》主进程接收中心（ipcRenderer callback）=》页面组件 （active，callback）