electron 3 主程序與渲染程序

//渲染程序不能直接引入browserwindow模組 借助remote模組，從remote中拿到主程序允許使用的模組

const = require('electron').remote;

let btn = document.queryselector("#btn");

btn.onclick = function () );

};index.html

//建立視窗

//引入模組
// browserwindow 模組：建立乙個瀏覽器視窗
//nodejs 內建模組  拼接路徑
const path = require('path');
//1. 初始化應用，會觸發監聽 ready 事件
let win;
//建立視窗 自定義方法
function zl_createwindow() 
});//載入內容
// win.loadurl('');
//載入本地html 
//_dirname 當前js檔案所在的路徑
win.loadurl(path.join(__dirname,'./index.html'));
//webcontents 控制和渲染頁面的 也是乙個屬性
//除錯工具
win.webcontents.opendevtools();
//關閉視窗
win.on('close',function());
//引入設定選單檔案
require('./menu');
}//執行檔案 3種方式
//1. electron main.js
//2. electron .
//3. 新增乙個指令碼 ：package.json
console.log("main");
//在主程序裡面列印的資料在終端中顯示
//在渲染程序裡面列印的資料在頁面中顯示

electron主程序通訊渲染程序

可以先去看看之前的 主程序即electron的main.js。渲染程序即browserwindow物件新建的。定義乙個js檔案這裡就叫renderer吧，在全域性定義乙個electron物件用來進行與html進行訂閱事件通訊。global.electron require electron 在bro...

Electron 主程序和渲染程序互相通訊

說明 自主到從 從main到renderer的訊息傳遞，借助browerwindow.webcontents.send 傳送訊息。自從到主 從renderer到main的訊息傳遞，借助ipcrender和ipcmain傳送 接收訊息。事件機制 無論是browerwindow.webcontents....

主程序和渲染程序

chromium每個tab都是乙個程序 主程序 main process 可以使用和系統對接的api,建立選單，上傳檔案等等 建立渲染程序 全面支援node.js 只有乙個，作為整個程式的入口點 渲染程序 main process 可以有多個，每個對應乙個視窗 每個都是單獨的程序 全面支援node....