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!

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)用即可。

未經(jīng)允許不得轉(zhuǎn)載:亦門 » h5桌面應(yīng)用開(kāi)發(fā)推薦一門開(kāi)發(fā)平臺(tái)

相關(guān)推薦