Comment faire pour exécuter express à l'intérieur de l'électron?

J'ai été en mesure d'exécuter avec succès exprimer au sein de l'électron app par le biais de référentiels tels que

https://github.com/theallmightyjohnmanning/electron-express

https://github.com/frankhale/electron-with-express

Cependant, on m'a conseillé de ne pas le faire en raison de la GNU GENERAL PUBLIC LICENSE qu'ils imposent. Je suis en train de créer une application commerciale qui va monétiser. Par conséquent, une liscene comme MIT pourrait le faire, mais vous ne savez pas à propos de GNU.

De toute façon, j'ai essayé de suivre la procédure:
https://gist.github.com/maximilian-ruppert/a446a7ee87838a62099d

Mais se heurte à certains problèmes.
Voici ce que j'ai fait jusqu'à présent.

# Clone the Quick Start repository
$ git clone https://github.com/electron/electron-quick-start

# Go into the repository
$ cd electron-quick-start

# Install the dependencies and run
$ npm install && npm start

Puis de se exprimer

$ express myapp
$ cd myapp

$ npm install
renamed myapp to just app

et maintenant je suis bloqué à la partie où j'ai besoin de configurer l'électron main.js fichier et/ou le rendre index.html fichier à lien de l'application et l'exécuter à la place de la index.html

Toute aide serait appréciée.

Je suis en cours d'exécution sur windows 10.

InformationsquelleAutor John | 2016-08-18
  1. 3

    Emballage d'une Demande Expresse en Électron

    Tout d'abord installer électron dans votre application

    npm install --save electron

    Créer un index.html le fichier qui contient votre demande expresse

    Nous avons besoin d'un haut niveau de fichier qui vous permettra de charger à notre demande expresse. Si vous n'êtes pas à l'aide d'un module de bundler comme Webpack alors il suffit d'importer tout le html, cs et js fichiers de votre application dépend de ce index.html fichier.

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>QuickMap</title>
    <link href='public/css/boostrap.min.css' rel='stylesheet'>
    <link href='public/css/layout.css' rel='stylesheet'>
  </head>
  <body>
    <div id='root' />
    <script src='public/js/appBundle.js' type='text/javascript'></script>
    <script src='public/js/bootstrap.min.js' type='text/javascript'></script>
    <script src='public/js/jquery-3.1.1.min.js' type='text/javascript'></script>
  </body>
</html>

    Assurez-vous que ce index.html fichiers importations tout ce dont vous avez besoin pour votre application de fonctionner -je.e tout le nécessaire html, css, js et d'autres fichiers. N'oubliez pas d'inclure tous les fichiers externes dont votre application a besoin comme jQuery qui nous avons chargé dans l'exemple ci-dessus.

    Un Côté - l'Emballage est un Électron application qui utilise Webpack

    Dans cet exemple, l'ensemble de notre Express application est représentée par un Webpack bundle qui est chargé par index.html.

    N'oubliez pas que vous n'avez pas besoin d'utiliser Webpack de colis Express apps avec les Électrons. Assurez-vous que index.html charges de tous les fichiers dont vous avez besoin qui va lancer votre demande expresse.

    Si vous utilisez Webpack votre bundle devrait être importés dans ce index.html fichier.

    Voici un exemple index.html fichier qui importe le webpack bundle qui contient nos express app.

    Maintenant créer l'électron fichier de config dans votre projet de la racine qui se charge de la index.html contenant Expresse de votre part, app

    Ici est le fichier principal qui électron va utiliser pour se lancer. Al électrons liés à la configuration et le lien vers notre express app (par le biais de l'importation de la Webpack bundle) est contenue ici.

    Remarque le fichier ci-dessous appartient à la racine du répertoire de projet et est principalement constituée d'un passe-partout de l'Électron guide de démarrage rapide, à l'exception de la ligne expliqué ci-dessus que les importations notre index.html fichier qui charge l'ensemble de l'application.

    main.js

    const {app, BrowserWindow} = require('electron')
const path = require('path')
const url = require('url')

//Keep a global reference of the window object, if you don't, the window will
//be closed automatically when the JavaScript object is garbage collected.
let win

function createWindow () {
  //Create the browser window.
  win = new BrowserWindow({width: 800, height: 600})

  //and load the index.html of the app.
  win.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file:',
    slashes: true
  }))

  //Open the DevTools.
  win.webContents.openDevTools()

  //Emitted when the window is closed.
  win.on('closed', () => {
    //Dereference the window object, usually you would store windows
    //in an array if your app supports multi windows, this is the time
    //when you should delete the corresponding element.
    win = null
  })
}

//This method will be called when Electron has finished
//initialization and is ready to create browser windows.
//Some APIs can only be used after this event occurs.
app.on('ready', createWindow)

//Quit when all windows are closed.
app.on('window-all-closed', () => {
  //On macOS it is common for applications and their menu bar
  //to stay active until the user quits explicitly with Cmd + Q
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  //On macOS it's common to re-create a window in the app when the
  //dock icon is clicked and there are no other windows open.
  if (win === null) {
    createWindow()
  }
})

//In this file you can include the rest of your app's specific main process
//code. You can also put them in separate files and require them here.

    La ligne suivante à notre charge index.html nous avons créé plus tôt et qui points de notre électron exemple, le point d'entrée de notre application.

    mainWindow.loadURL(`file://${__dirname}/index.html`)

    Modifier le script de démarrage dans votre forfait.json pour le lancement d'électrons

     "scripts": {
    "start": "ENV=development electron .",
   },

    Maintenant, quand nous courons 

    npm start

    Électron va automatiquement rechercher et exécuter le main.js fichier dans notre racine du projet.

    InformationsquelleAutor therewillbecode