当用户需要让渲染进程（h5页面）与electron进程直接通信时，功能文件须放在 electron/ipc 目录下。
    前端（vue）通过调用如下方法访问： 

    1. // 版本 >= 1.14.0
    3. // 【前端代码】：frontend/src/views/demo/socket/Index.vue
    4. // 短消息
    5. this.$ipcCallMain('example.hello', value).then(r => {
    6.     self.$message.info(r);
    7. })
    8. // 长消息
    9. self.$ipc.on('example.socketMessageStart', (event, result) => {
    10.     self.socketMessageString = result;
    11. })
    12. self.$ipc.send('example.socketMessageStart', '时间')
    14. // 【服务端代码】: electron/ipc/example.js
    15. // 短消息
    16. exports.hello = function (event, channel, msg) {
    17.   let newMsg = msg + " +1"
    18.   let reply = ''
    19.   reply = '收到：' + msg + '，返回：' + newMsg
    20.   return reply
    21. }
    22. // 长消息
    23. exports.socketMessageStart = function (event, channel, arg) {
    24.   // 每隔1秒，向前端页面发送消息
    25.   // 用定时器模拟
    26.   myTimer = setInterval(function(e, c, msg) {
    27.     let timeNow = Date.now();
    28.     let data = msg + ':' + timeNow;
    29.     e.reply(`${c}`, data)
    30.   }, 1000, event, channel, arg)
    32.   return '开始了'
    33. }
    1. // 旧版本
    2. // 【前端代码】：frontend/src/views/example/Ipc.vue
    3. helloHandle(value) {
    4.   const self = this;
    5.   this.$callMain('example.hello', value).then(r => {
    6.     self.$message.info(r);
    7.   })
    8. },
    10. // 【服务端代码】：electron/ipc/example.js
    11. answerRenderer('example.hello', async (msg) => {
    12.   let newMsg = msg + " +1"
    13.   let reply = ''
    14.   reply = '收到：' + msg + '，返回：' + newMsg
    15.   return reply
    16. })