前端（渲染进程）与主进程通信 - websocket

内置websocket服务

利用websocket与主进程通信

// frontend/src/views/framework/socket/SocketServer.vue
<script>
  import { io } from 'socket.io-client'
  import { ipcApiRoute } from '@/api/main'
  sendRequest () {
    // 打开【我的图片】
    const method = ipcApiRoute.doSocketRequest;
    this.socket.emit('c1', { cmd: method, params: {id: 'pictures'} }, (response) => {
      console.log('response:', response)
    });
  }, 
</script> 

// electron/controller/framework.js
const { app: electronApp, shell } = require('electron');
/**
 * 一个socket io请求访问此方法
 */ 
async doSocketRequest(args) {
  if (!args.id) {
    return false;
  }
  const dir = electronApp.getPath(args.id);
  shell.openPath(dir);
  return true;
}

// Make sure to add code blocks to your code group

完整代码

• github前端代码 (opens new window)
• github主进程代码 (opens new window)
• gitee前端代码 (opens new window)
• gitee主进程代码 (opens new window)