标签：教程 ipcRenderer IPCHandler sendBridge active electron context 进程 msg
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）
另外本人这里有套关于小白学习的大量资料，有兴趣的同学可以点击这里。
标签：教程,ipcRenderer,IPCHandler,sendBridge,active,electron,context,进程,msg 来源： https://blog.csdn.net/weixin_51504726/article/details/110916627
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。