electron渲染進程主進程相互傳值示例解析
更新時間：2023年02月17日 10:33:31 作者：霧戀
這篇文章主要為大家介紹了electron渲染進程主進程相互傳值示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
在electron中分為渲染進程和主進程
渲染進程就是瀏覽器環(huán)境，主進程就是node環(huán)境
既然他們是不同的環(huán)境，那么為我們怎么讓他們相互關(guān)聯(lián)起來呢？或者說怎么傳遞值？ 畢竟在開發(fā)中可能會遇到我想要的值只能在node環(huán)境中才能獲取，然后node中可能也會需要瀏覽器環(huán)境的值；這個時候就需要兩個環(huán)境聯(lián)通起來相互傳值
瀏覽器傳值給主進程
瀏覽器環(huán)境
引入:
import { ipcRenderer } from "electron";
使用:
ipcRenderer.send("reader-json-file", '123');
主進程
引入:
import { ipcMain } from "electron";
使用:
ipcMain.on('reader-json-file',(event, num)=>{
console.log(num); // 123 (字符串類型)
})
完成以上的操作我們就可以在主進程中獲取到渲染進程傳遞過來的值了
主進程傳值給渲染進程
在這個的時候跟以上有一點點差異，這個是需要拿到你創(chuàng)建這個窗口（主進程的變量值），然后將其傳值給他，并在渲染進程中接收
主進程
使用：
win.webContents.send('reader-json-file-data','456');
這兒的win是你在創(chuàng)建窗口時的變量，如下：
win = new BrowserWindow({
width: 1000,
height: 600,
minWidth: 800,
minHeight: 600,
// 不要邊框
frame: false,
webPreferences: {
webviewTag: true,
// 禁止同源策略，避免 axios 無法使用
webSecurity: false,
// Required for Spectron testing
enableRemoteModule: !!process.env.IS_TEST,
nodeIntegration: true,
contextIsolation: false
// Use pluginOptions.nodeIntegration, leave this alone
// See nklayman.github.io/vue-cli-plugin-electron-builder/guide/security.html#node-integration for more info
// nodeIntegration: (process.env
// .ELECTRON_NODE_INTEGRATION as unknown) as boolean,
// contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION
}
})
渲染進程
在vue中的話：可以在生命周期mounted、created中監(jiān)聽
ipcRenderer.on("reader-json-file-data", (event, value) => {
console.log(value); // 456 (字符串類型)
});
注意
渲染進程和主進程相互傳值可以是任意類型（我這邊測試過可以傳遞的值，布爾、數(shù)字、字符串、對象都是可以的），我這邊只是做了一個演示，所以就是傳遞了一個字符串類型的數(shù)字；
以上就是electron渲染進程主進程相互傳值示例解析的詳細內(nèi)容，更多關(guān)于electron進程渲染傳值的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要為大家介紹了Hooks封裝與使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
這篇文章主要介紹了JS實現(xiàn)一個微信錄音功能過程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
微信小程序 ecshop地址三級聯(lián)動實現(xiàn)實例代碼
這篇文章主要介紹了微信小程序 ecshop地址3級聯(lián)動實現(xiàn)實例代碼的相關(guān)資料,需要的朋友可以參考下2017-02-02
axios?攔截器管理類鏈式調(diào)用手寫實現(xiàn)及原理剖析
這篇文章主要為大家介紹了axios?攔截器管理類鏈式調(diào)用手寫實現(xiàn)及原理剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序form組件詳細介紹的相關(guān)資料,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了JavaScript高級程序設(shè)計之變量與作用域，文章主要通過描述原始值與引用值、instanceof、作用域展開具體內(nèi)容,需要的朋友可以參考一下2021-11-11
這篇文章主要為大家介紹了JS算法題解搜索插入位置方法示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
網(wǎng)頁常用特效代碼整理...2006-06-06
這篇文章主要介紹了如何利用javascript做簡單的算法，主要是以提問的形式猶如練習小例子然后解決問題并附代碼說明,需要的朋友可以參考一下2021-11-11
這篇文章主要為大家介紹了微前端框架qiankun源碼剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02