¿Cómo empaquetar rápidamente un sitio web en una aplicación de escritorio ganadora? ¿Cómo empaquetar una página web como una aplicación de escritorio de Windows? Use Electron para empaquetar páginas web en aplicaciones de escritorio ganadoras

Instale el software necesario:

Primero necesitas instalar Node.js y Electron. Puede descargarlos e instalarlos visitando los siguientes sitios web:

Node.js: https://nodejs.org/en/
Electron: https://www.electronjs.org/

Crea tu aplicación:

En su computadora, cree una nueva carpeta como directorio de su proyecto y dentro de ella cree un archivo HTML (por ejemplo: index.html) que contenga el contenido del sitio web que desea empaquetar. Si desea que la aplicación abra una determinada URL:

win.loadURL('https://example.com')

Cree un archivo main.js:

Cree un archivo main.js en el directorio de su proyecto y escriba el código de entrada de Electron para crear una ventana. Aquí hay un código de muestra simple:

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()
})

Empaquete la aplicación:

Ingrese al directorio del proyecto. Use la línea de comando para ejecutar el siguiente comando para empaquetar la aplicación:

npm install -g electron-packager
electron-packager . myApp --platform=win32 --arch=x64 --electron-version:8.2.1

Este comando se empaquetará como archivo myApp.exe y se ejecutará en Windows.

A través de los sencillos pasos anteriores, puede empaquetar rápidamente el sitio web como una aplicación de escritorio Win y usar Atom, VS Code u otros editores de texto correspondientes para editar y depurar su aplicación.