electron跳坑指南 2(主進程和渲染進程)

hzx 發布于2019-08-26 12:13 / 2379人閱讀

摘要：主進程和渲染器進程的腳本的進程為主進程在主進程中運行的腳本通過創建頁面來展示用戶界面一個應用總是有且只有一個主進程。在主進程和渲染進程中都可以使用。渲染進程因為安全限制，不能直接操作原生。

主進程和渲染器進程：

ackage.json 的 main 腳本的進程為 主進程
在主進程中運行的腳本通過創建 web 頁面來展示用戶界面
一個 Electron 應用總是有且只有一個主進程。

由于 electron 使用了 Chromium（谷歌瀏覽器）來展示 web 頁面，所以 Chromium 的多進程架構也被使用到
每個 electron 中的 web 頁面 運行在它自己的渲染進程中
主進程使用 BrowserWindow 實例創建頁面
每個 BrowserWindow 實例都在自己的渲染進程里運行頁面
當一個 BrowserWindow 實例被銷毀后，相應的渲染進程也會被終止。

electron 渲染進程中通過 nodejs 讀取本地文件:

在普通的瀏覽器中，不允許去接觸原生的資源。
而 electron 的用戶在 node.js 的 API 支持下可以在頁面中和操作系統進行一些底層交互。
nodejs 在主進程和渲染進程中都可以使用。渲染進程因為安全限制，不能直接操作原生 GUI。
雖然如此，因為集成了 nodejs，渲染進程也有了操作系統底層 API 的能力
Nodejs中常用的 path fs Crypto 等模塊在 electron 可以直接使用，方便我們處理鏈接、路徑、文件 MD5 等，同時 npm 還有成千上萬的模塊供我們選擇

index.html 文件內容:




    
    Title

renderer.js 文件內容:

var fs = require("fs");

// 獲取按鈕和容器的DOM節點
var content = document.getElementById("content"),button = document.getElementById("btn");

/**
 * 注冊按鈕點擊事件
 * 當按鈕點擊的時候讀取當前目錄下的 1.text
 * 之后將里面的內容放到content 之中
 */
button.addEventListener("click", (e) => {
    fs.readFile("1.text", "utf8", function (err, data) {
        content.innerText = data;
    });
});

GPU云服務器云服務器 linux進程1 2 失敗的進程是進程?2604 殺掉進程守護進程?

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/108241.html

Electron指南 - 快速入門

摘要：快速入門提供了豐富的本地操作系統的，使你能夠使用純來創建桌面應用程序。這并不意味著是一個綁定圖形用戶界面的庫。每個頁面在里是運行在自己的進程里，這些進程被稱為渲染進程。有些只能在該事件發生后才能被使用。快速入門 Electron提供了豐富的本地（操作系統）的API，使你能夠使用純JavaScript來創建桌面應用程序。與其它各種的Node.js運行時不同的是Electron專注于桌面...

SQC 2019-08-19 18:25 評論0 收藏0
【Electron】酷家樂客戶端開發實踐分享 — 入坑篇

摘要：系列文章酷家樂客戶端開發實踐分享入坑篇酷家樂客戶端開發實踐分享軟件自動更新酷家樂客戶端開發實踐分享瀏覽器啟動客戶端酷家樂客戶端開發實踐分享進程通信酷家樂客戶端開發實踐分享下載管理器不定期更新本文的初衷所使用的技術棧和前端工程師完美契合。作者：鐘離，酷家樂PC客戶端負責人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...

jay_tian 2019-08-02 15:16 評論0 收藏0
【Electron】酷家樂客戶端開發實踐分享 — 入坑篇

摘要：系列文章酷家樂客戶端開發實踐分享入坑篇酷家樂客戶端開發實踐分享軟件自動更新酷家樂客戶端開發實踐分享瀏覽器啟動客戶端酷家樂客戶端開發實踐分享進程通信酷家樂客戶端開發實踐分享下載管理器不定期更新本文的初衷所使用的技術棧和前端工程師完美契合。作者：鐘離，酷家樂PC客戶端負責人原文地址：https://webfe.kujiale.com/electron-ku-jia-le-ke-hu-d...

TwIStOy 2019-08-23 18:05 評論0 收藏0
electron跳坑指南 1(electron的安裝)

摘要：我們在執行首先全局安裝或者可以用創建項目進入到項目里面運行項目這樣就完成了前言: 對于electron的介紹大家可以自己百度,這個使用寫客戶端軟件很爽,寫下心得以便于大家學習和使用! 我本地開發環境為:Mac OS目錄在 :/Volumes/lee/electron/開發工具:phpstorm 第一章介紹electron的安裝: 對于electron 的安裝方式有很多第1種方式:...

notebin 2019-08-26 12:12 評論0 收藏0