詳解Webpack實(shí)戰(zhàn)之構(gòu)建Electron應(yīng)用-創(chuàng)新互聯(lián)

Electron 可以讓你使用開發(fā) Web 的技術(shù)去開發(fā)跨平臺(tái)的桌面端應(yīng)用，由 Github 主導(dǎo)和開源，大家熟悉的 Atom 和 VSCode 編輯器就是使用 Electron 開發(fā)的。

創(chuàng)新互聯(lián)長期為數(shù)千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為三亞企業(yè)提供專業(yè)的做網(wǎng)站、網(wǎng)站制作，三亞網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

Electron 是 Node.js 和 Chromium 瀏覽器的結(jié)合體，用 Chromium 瀏覽器顯示出的 Web 頁面作為應(yīng)用的 GUI，通過 Node.js 去和操作系統(tǒng)交互。當(dāng)你在 Electron 應(yīng)用中的一個(gè)窗口操作時(shí)，實(shí)際上是在操作一個(gè)網(wǎng)頁。當(dāng)你的操作需要通過操作系統(tǒng)去完成時(shí)，網(wǎng)頁會(huì)通過 Node.js 去和操作系統(tǒng)交互。

采用這種方式開發(fā)桌面端應(yīng)用的優(yōu)點(diǎn)有：

降低開發(fā)門檻，只需掌握網(wǎng)頁開發(fā)技術(shù)和 Node.js 即可，大量的 Web 開發(fā)技術(shù)和現(xiàn)成庫可以復(fù)用于 Electron；
由于 Chromium 瀏覽器和 Node.js 都是跨平臺(tái)的，Electron 能做到寫一份代碼在不同的操作系統(tǒng)運(yùn)行。

在運(yùn)行 Electron 應(yīng)用時(shí)，會(huì)從啟動(dòng)一個(gè)主進(jìn)程開始。主進(jìn)程的啟動(dòng)是通過 Node.js 去執(zhí)行一個(gè)入口 JavaScript 文件實(shí)現(xiàn)的，這個(gè)入口文件 main.js 內(nèi)容如下：

const { app, BrowserWindow } = require('electron')
// 保持一個(gè)對于 window 對象的全局引用，如果你不這樣做，
// 當(dāng) JavaScript 對象被垃圾回收， window 會(huì)被自動(dòng)地關(guān)閉
let win
// 打開主窗口
function createWindow() {
 // 創(chuàng)建瀏覽器窗口
 win = new BrowserWindow({ width: 800, height: 600 })
 // 加載應(yīng)用的 index.html
 const indexPageURL = `file://${__dirname}/dist/index.html`;
 win.loadURL(indexPageURL);
 // 當(dāng) window 被關(guān)閉，這個(gè)事件會(huì)被觸發(fā)
 win.on('closed', () => {
  // 取消引用 window 對象
  win = null
 })
}

// Electron 會(huì)在創(chuàng)建瀏覽器窗口時(shí)調(diào)用這個(gè)函數(shù)。
app.on('ready', createWindow)

// 當(dāng)全部窗口關(guān)閉時(shí)退出
app.on('window-all-closed', () => {
 // 在 macOS 上，除非用戶用 Cmd + Q 確定地退出
 // 否則絕大部分應(yīng)用會(huì)保持激活
 if (process.platform !== 'darwin') {
  app.quit()
 }
})

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享文章：詳解Webpack實(shí)戰(zhàn)之構(gòu)建Electron應(yīng)用-創(chuàng)新互聯(lián)
標(biāo)題URL：http://bm7419.com/article20/cecjco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、面包屑導(dǎo)航、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站設(shè)計(jì)、網(wǎng)站改版、服務(wù)器托管

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容