LoginSignup
0
0

More than 3 years have passed since last update.

ElectronのcontextBridgeで値の受け渡し

Posted at

はじめに

備忘録として適当にここに載せておきます。
ElectronのcontextBridgeを使い、下記のコードでデータ(JSON等)の受け渡し等が出来るのではないかと思います。
この記事はElectronを始めて2日目に書いた記事です。
間違っているかもしれません。

コード

main.js
/*レンダラープロセス側
任意の値をpreloadへ渡す
*/
console.log(pr_test.show_data);
var button = document.getElementById('button1');
   button.addEventListener("click",function(){
       var test = "TEEEEEEEEST";//任意の値
       pr_test.api.add_glist(test);//preloadへ渡す
   })
preload.js
//preload側
const fs = require('fs');
const { contextBridge, ipcRenderer} = require("electron");
contextBridge.exposeInMainWorld(
    "pr_test", {
      show_data: () => { return(fs.readFileSync(__dirname+'/json/test.json', 'utf8'))},//JSONをレンダラ側へ渡す
      add_data: (test) =>{new Notification(test);}//レンダラ側から受け取った値をOS側で通知する
    }
  );
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0