必要なソフトウェアをインストールします。
まず、Node.js と Electron をインストールする必要があります。次の Web サイトにアクセスして、これらをダウンロードしてインストールできます。
Node.js: https://nodejs.org/en/
Electron: https://www.electronjs.org/
アプリケーションを作成します。
コンピュータ上でプロジェクト ディレクトリとして新しいフォルダを作成し、その中にパッケージ化する Web サイト コンテンツを含む HTML ファイル (例:index.html) を作成します。アプリケーションで特定の URL を開かせる場合:
win.loadURL('https://example.com')
main.js ファイルを作成します。
プロジェクトディレクトリにmain.jsファイルを作成し、Electronのエントリコードを記述してウィンドウを作成します。簡単なサンプルコードを次に示します。
const {
app, BrowserWindow } = require('electron')
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
})
const myUrl = 'https://www.baidu.com/'
win.loadURL(encodeURI(myUrl))
win.webContents.openDevTools()
}
app.whenReady().then(() => {
createWindow()
})
アプリケーションをパッケージ化します。
プロジェクトのディレクトリを入力します。コマンド ラインを使用して次のコマンドを実行し、アプリケーションをパッケージ化します。
npm install -g electron-packager
electron-packager . myApp --platform=win32 --arch=x64 --electron-version:8.2.1
このコマンドは myApp.exe ファイルとしてパッケージ化され、Windows 上で実行されます。
上記の簡単な手順により、Web サイトを Win デスクトップ アプリケーションとしてすばやくパッケージ化し、Atom、VS Code、またはその他の対応するテキスト エディターを使用してアプリケーションを編集およびデバッグできます。