html - imagen - ¿Cómo convierto una aplicación web en un ejecutable de escritorio?
title html (6)
He creado una aplicación HTML con AngularJS / jQuery / Bootstrap con AJAX REST API.
¿Es posible crear un ejecutable / instalador para el sistema operativo Windows?
Sin ningún software de terceros, debería parecerse a una aplicación nativa, pero a HTML.
Por ejemplo, Slack Messenger tiene versiones web / mac / windows y se ven igual.
¿Algunas ideas?
// UPD
Probablemente necesito una envoltura (webview), pero necesito todas las características para EcmaScript5 / CSS3.
Con un poco de código de envoltorio, podría empaquetarlo como una aplicación de Chrome. No es necesario que se ejecuten en una ventana del navegador, pero tienen todas las capacidades de una aplicación web, de forma independiente.
El electrón es la forma más fácil:
1. Instalar electron
2. Crea y edita main.js:
const electron = require(''electron'');
const { app, BrowserWindow } = electron;
let mainWindow;
app.on(''ready'', () => {
mainWindow = new BrowserWindow({
width: 1000,
height: 700
});
mainWindow.setTitle(''title of the desktop app'');
mainWindow.loadURL(''http://www.yourwebpage.com'');
mainWindow.on(''closed'', () => {
mainWindow = null;
});
});
3. Ejecutar la aplicación de escritorio:
electron main.js
Y para construir la aplicación, usa un generador como el generador de electrones.
Espero que te ayude!
Hay una gran cantidad de marcos que pueden envolver su aplicación web en una aplicación nativa que puede acceder a cosas como la API de almacenamiento de archivos para un sistema operativo. Esta es la guía específica para Windows .
TENGA CUIDADO : tendrá que dedicar tiempo a realizar pruebas sólidas y el trabajo de control de calidad para su aplicación nativa, de modo que no se sienta como un sitio web dentro de un contenedor nativo, así como que se integre bien con todas las versiones del sistema operativo con el que desea ser compatible . Tweetdeck para Mac es un ejemplo de lo que no debe hacer (básicamente un navegador web en un contenedor nativo).
La mejor manera de convertir Web a Exe es usando
nativo
nativefier --name "Inventory Management System" "http://localhost/php_stock_zip/php_stock_zip/php_stock/" -i ./icon.png -p windows
Pasos
Paso 1: Presione Win + x Paso 2: Presione C Paso 3: Escriba Paso 4: nativefier
Requisitos de instalación macOS 10.9+ / Windows / Linux Node.js> = 6 (4.x puede funcionar pero ya no se prueba, actualice) Consulte las dependencias opcionales para obtener más información
Paso 5: npm install nativefier -g
Por último, escriba nativefier "Enlace web"
Tendría que volver a escribir su aplicación un poco, pero Apache Cordova admite la implementación en Windows:
Yo mismo estaba buscando una solución completa por un tiempo. Intenté todo desde TideSDK, AppJS, Appcelerator Titanium, código nativo en VB.NET, XCode, Python, C ++, Electron, nodo-webkit, etc.: Básicamente, lo llamé, lo he probado.
Note Electron es bueno, pero solo se ejecuta en procesadores de 64 bits. Entonces, node-webkit es bueno si desea ejecutar su aplicación en procesadores de 32 bits.
Así que decidí construir mi propia solución de código abierto llamada WebDGap .
Actualmente, WebDGap se ejecuta en Windows, Linux, Mac OS X, Google Chrome y como aplicación web.
Mire cómo hacer video para aprender, y cómo usar la aplicación, obviamente.
Aquí hay una captura de pantalla.
Dado que ya eres usuario de Mac, puedes combinar tu aplicación exportada en un archivo .app mac. Esto se puede hacer con Automator (y un poco de shell scripting).
También hay un patio de juegos de codificación que hice para usuarios móviles que tiene esta función incorporada llamada kodeWeave .
Aquí hay un juego de Tic-Tac-Toe que voy a exportar como una aplicación para Mac:
¡Ahora la aplicación web se ejecuta como una aplicación nativa de Mac!
