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