tion: true
}
})
// 加載index.html文件
win.loadFile(‘index.html’)
}
app.whenReady().then(() => {
createWindow()
app.on(‘activate’, () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
})
app.on(‘window-all-closed’, () => {
if (process.platform !== ‘darwin’) {
app.quit()
}
})
“`
上述代碼創(chuàng)建了一個(gè)Electron應(yīng)用窗口,并加載了index.html文件。需要注意的是,webPreferences中的nodeIntegration屬性必須設(shè)置為tr應(yīng)用制作appue,這樣才能夠在頁(yè)面中使用Node.js的API。
3. 編寫(xiě)網(wǎng)頁(yè)應(yīng)用
在項(xiàng)目目錄下創(chuàng)建一個(gè)index.html文件,編寫(xiě)網(wǎng)頁(yè)應(yīng)用的代碼,如下:
“`
Hello World!
“`
4. 運(yùn)行Electron應(yīng)用
在命令行中運(yùn)行以下命令,啟動(dòng)Electron應(yīng)用:
“`
electron .
“`
這樣就可以在桌面上看到一個(gè)Electron應(yīng)用窗口,并顯示了“Hello World!”的網(wǎng)頁(yè)內(nèi)容。
總結(jié)
H5桌面應(yīng)用開(kāi)發(fā)是目前非常流行的技術(shù),可以讓網(wǎng)頁(yè)應(yīng)用在桌面上運(yùn)行,具有跨平臺(tái)、易維護(hù)等優(yōu)點(diǎn)。通過(guò)Electron框架,可以方便地實(shí)現(xiàn)H5桌面應(yīng)用開(kāi)發(fā),具體實(shí)現(xiàn)方法就是安裝Electron,創(chuàng)建Electron應(yīng)用,編寫(xiě)網(wǎng)頁(yè)應(yīng)用,最后運(yùn)行Electron應(yīng)用即可。