electron メインプロセスからレンダラープロセスのデータを持ってくる方法

Question

###electron メインプロセスからレンダラープロセスのデータを持ってくる方法

electronでseva機能を実装しようとしているのですが、どうしてもできないので質問させていただきました。

私はメインプロセスで以下のようにmenuを設定しました。そのsave機能で、レンダラープロセスからdocumentを取得してdom要素にあるデータ保存したいです。

function createWindow() {
  mainWindow = new BrowserWindow({
    ・・・略
  });

  mainWindow.loadFile("index.html");

  mainWindow.on("closed", function() {
    mainWindow = null;
  });  
  // ElectronのMenuの設定
  const templateMenu =[
  submenu: [
        {
          label: "Save",
          accelerator: "CmdOrCtrl+S",
          click() {
            dialog
              .showSaveDialog(mainWindow, {
                filters: [{ name: "Json", extensions: ["json"] }]
              })
              .then(result => {
                if (!result.canceled) {
                  //ここでobjにdocumentから取得したデータをいれたい。
                  var obj = { id: "1", name: "testId", nl: null };
                  fs.writeFileSync(result.filePath, JSON.stringify(obj), "utf-8");
                }
              })
              .catch(err => {
                console.log(err);
              });
          }
        },
];
  
  const menu = Menu.buildFromTemplate(templateMenu);
  Menu.setApplicationMenu(menu);  
}

しかしメインプロセスではドキュメントへのアクセスが禁止しているらしく

document.hoge

とやっても無駄でした。

調べるとremoteやicpなどがあるらしいのですが、それを見てもよくわかりませんでした。参考
どうすればelectron メインプロセスからレンダラープロセスのデータを持ってこれるか、ご教授いただけるとありがたいです・・・・

Answer 1

解決済みの質問に今更ですが・・・
webContents|Electron

//In the main process.
  const {app, BrowserWindow} = require('electron')
  let win = null
  
  app.on('ready', () => {
    win = new BrowserWindow({width: 800, height: 600})
    win.loadURL(`file://${__dirname}/index.html`)
    win.webContents.on('did-finish-load', () => {
      win.webContents.send('ping', 'whoooooooh!')
    })
  })

//In the renderer process.
ipcRenderer.on('ping', (event, arg) => {
  console.log('called from main process!' + arg);
});

上記のやり方でレンダラープロセスから何もしなくてもメインプロセスを発端としてレンダラープロセスに通信できました。

Answer 2

一般的な electron アプリであれば、main と renderer 間の通信には、IPC を使用します。

Comments

[hood]

回答ありがとうございます。IPCを利用するということで勉強になりました。さしつかえなければ具体的にはどうすればよいか教えていただけると助かります。

例えばメインプロセスからレンダラープロセスのメソッドを発火し、そのデータを受け取る場合、上記の
//ここでobjにdocumentから取得したデータをいれたい。
にはどのようなメソッドをいれればよいのでしょうか？
メインプロセスからレンダラープロセスへはwebContents.sendを利用すという資料も見つけたのですが、その値をメインプロセスで受ける手段が分からなくて困っています・・・
参考
https://qiita.com/Misumi_Rize/items/dde76dbf89abee13991c

```main.js
let contents = mainWindow.webContents;
contents.send('ping', 'whoooooooh!')
```

```renderle.js
require('electron').ipcRenderer.on('ping', (event, message) => {
console.log(message) // 'whoooooooh!' と出力
})
```

[退会済みユーザー]

https://electronjs.org/docs/api/ipc-main

[hood]

ありがとうございます・・・