ckage.json文件
打開package.json文件,修改其中的字段,如name、version、description等。其中,name字段表示項目名稱,version字段表示項目版本號,description字段表示項目描述。
5. 修改main.js文件
main.js文件是Electron的入口文件,可以在該文件中設(shè)置窗口大小、加載H5頁面等。下面是一個示例:
“`javascript
const { app, BrowserWindow } = require(‘electron’)
function createWindow () {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
win.loadFile(‘index.html’)
}
app.whenReady().then(() => {
createW自己做exe軟件indow()
app.on(‘activate’, () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
})
app.on(‘window-all-closed’, () => {
if (process.platform !== ‘darwin’) {
app.quit()
}
})
“`
在該示例中,設(shè)置了窗口大小為800×600,加載了名為index.html的H5頁面。
6. 打包應(yīng)用程序
在命令行中執(zhí)行以下命令,將應(yīng)用程序打包成可執(zhí)行文件:
“`
electron-packager . MyApp –platform=win32 –arch=x64 –electron-version=9.2.0 –overwrite
“`
其中,第一個參數(shù)表示項目路徑,第二個參數(shù)表示打包后的應(yīng)用程序名稱,–platform表示打包的平臺(這里是Windows),–arch表示打包的架構(gòu)(這里是64位),–electron-version表示使用的Electron版本,–overwrite表示覆蓋已有文件。
執(zhí)行該命令后,Electron會在當前目錄下生成一個名為MyApp-win32-x64的文件夾,其中包含可執(zhí)行文件和其他必要文件。
7. 運行應(yīng)用程序
雙擊可執(zhí)行文件,即可啟動應(yīng)用程序,同時也會加載H5頁面。
總之,將H5應(yīng)用打包成PC EXE程序,可以讓用戶在PC端運行應(yīng)用程序,提高應(yīng)用程序的可用性和用戶體驗。