摘要:主進(jìn)程和渲染器進(jìn)程的腳本的進(jìn)程為主進(jìn)程在主進(jìn)程中運(yùn)行的腳本通過(guò)創(chuàng)建頁(yè)面來(lái)展示用戶(hù)界面一個(gè)應(yīng)用總是有且只有一個(gè)主進(jìn)程。在主進(jìn)程和渲染進(jìn)程中都可以使用。渲染進(jìn)程因?yàn)榘踩拗?,不能直接操作原生?/p>
主進(jìn)程和渲染器進(jìn)程:
ackage.json 的 main 腳本的進(jìn)程為 主進(jìn)程
在主進(jìn)程中運(yùn)行的腳本通過(guò)創(chuàng)建 web 頁(yè)面來(lái)展示用戶(hù)界面
一個(gè) Electron 應(yīng)用總是有且只有一個(gè)主進(jìn)程。
由于 electron 使用了 Chromium(谷歌瀏覽器)來(lái)展示 web 頁(yè)面,所以 Chromium 的多進(jìn)程架構(gòu)也被使用到
每個(gè) electron 中的 web 頁(yè)面 運(yùn)行在它自己的渲染進(jìn)程中
主進(jìn)程使用 BrowserWindow 實(shí)例創(chuàng)建頁(yè)面
每個(gè) BrowserWindow 實(shí)例都在自己的渲染進(jìn)程里運(yùn)行頁(yè)面
當(dāng)一個(gè) BrowserWindow 實(shí)例被銷(xiāo)毀后,相應(yīng)的渲染進(jìn)程也會(huì)被終止。
在普通的瀏覽器中,不允許去接觸原生的資源。
而 electron 的用戶(hù)在 node.js 的 API 支持下可以在頁(yè)面中和操作系統(tǒng)進(jìn)行一些底層交互。
nodejs 在主進(jìn)程和渲染進(jìn)程中都可以使用。渲染進(jìn)程因?yàn)榘踩拗疲?b>不能直接操作原生 GUI。
雖然如此,因?yàn)榧闪?nodejs,渲染進(jìn)程也有了操作系統(tǒng)底層 API 的能力
Nodejs中常用的 path fs Crypto 等模塊在 electron 可以直接使用,方便我們處理鏈接、路徑、文件 MD5 等,同時(shí) npm 還有成千上萬(wàn)的模塊供我們選擇
index.html 文件內(nèi)容:
Title
renderer.js 文件內(nèi)容:
var fs = require("fs"); // 獲取按鈕和容器的DOM節(jié)點(diǎn) var content = document.getElementById("content"),button = document.getElementById("btn"); /** * 注冊(cè)按鈕點(diǎn)擊事件 * 當(dāng)按鈕點(diǎn)擊的時(shí)候讀取當(dāng)前目錄下的 1.text * 之后將里面的內(nèi)容放到content 之中 */ button.addEventListener("click", (e) => { fs.readFile("1.text", "utf8", function (err, data) { content.innerText = data; }); });
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/108241.html
摘要:快速入門(mén)提供了豐富的本地操作系統(tǒng)的,使你能夠使用純來(lái)創(chuàng)建桌面應(yīng)用程序。這并不意味著是一個(gè)綁定圖形用戶(hù)界面的庫(kù)。每個(gè)頁(yè)面在里是運(yùn)行在自己的進(jìn)程里,這些進(jìn)程被稱(chēng)為渲染進(jìn)程。有些只能在該事件發(fā)生后才能被使用。 快速入門(mén) Electron提供了豐富的本地(操作系統(tǒng))的API,使你能夠使用純JavaScript來(lái)創(chuàng)建桌面應(yīng)用程序。與其它各種的Node.js運(yùn)行時(shí)不同的是Electron專(zhuān)注于桌面...
摘要:系列文章酷家樂(lè)客戶(hù)端開(kāi)發(fā)實(shí)踐分享入坑篇酷家樂(lè)客戶(hù)端開(kāi)發(fā)實(shí)踐分享軟件自動(dòng)更新酷家樂(lè)客戶(hù)端開(kāi)發(fā)實(shí)踐分享瀏覽器啟動(dòng)客戶(hù)端酷家樂(lè)客戶(hù)端開(kāi)發(fā)實(shí)踐分享進(jìn)程通信酷家樂(lè)客戶(hù)端開(kāi)發(fā)實(shí)踐分享下載管理器不定期更新本文的初衷所使用的技術(shù)棧和前端工程師完美契合。 作者:鐘離,酷家樂(lè)PC客戶(hù)端負(fù)責(zé)人原文地址:https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...
摘要:系列文章酷家樂(lè)客戶(hù)端開(kāi)發(fā)實(shí)踐分享入坑篇酷家樂(lè)客戶(hù)端開(kāi)發(fā)實(shí)踐分享軟件自動(dòng)更新酷家樂(lè)客戶(hù)端開(kāi)發(fā)實(shí)踐分享瀏覽器啟動(dòng)客戶(hù)端酷家樂(lè)客戶(hù)端開(kāi)發(fā)實(shí)踐分享進(jìn)程通信酷家樂(lè)客戶(hù)端開(kāi)發(fā)實(shí)踐分享下載管理器不定期更新本文的初衷所使用的技術(shù)棧和前端工程師完美契合。 作者:鐘離,酷家樂(lè)PC客戶(hù)端負(fù)責(zé)人原文地址:https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...
摘要:我們?cè)趫?zhí)行首先全局安裝或者可以用創(chuàng)建項(xiàng)目進(jìn)入到項(xiàng)目里面運(yùn)行項(xiàng)目這樣就完成了 前言: 對(duì)于electron的介紹大家可以自己百度,這個(gè)使用寫(xiě)客戶(hù)端軟件很爽,寫(xiě)下心得以便于大家學(xué)習(xí)和使用! 我本地開(kāi)發(fā)環(huán)境為:Mac OS目錄在 :/Volumes/lee/electron/開(kāi)發(fā)工具:phpstorm 第一章介紹electron的安裝: 對(duì)于electron 的安裝方式有很多 第1種方式:...
閱讀 1713·2021-09-02 09:55
閱讀 1199·2019-08-30 13:19
閱讀 1448·2019-08-26 13:51
閱讀 1534·2019-08-26 13:49
閱讀 2471·2019-08-26 12:13
閱讀 502·2019-08-26 11:52
閱讀 1974·2019-08-26 10:58
閱讀 3142·2019-08-26 10:19