electron-with-express

A simple project demonstrating how to spawn an Express app from Electron as well as providing server logs directly in the Electron app.

Express App:

Press 'F1' to show the server log:

Dependencies

Before start: Please note that this approach is intended to use in windows platform, any other OS approach would need some changes, contributions are very welcome

We'll need a copy of the Node.exe and Node.lib: https://nodejs.org/dist/v7.2.1/win-x64/

After downloading a copy of this repository place them in the root of the code folder. When the Electron app starts it will spawn the Express app using an external copy of Node. This allows the Express app to run outside the Electron process.

Here is a screenshot of the file layout:

Additional Information

The express-app folder is just a vanilla Express generated app using express-generator.

How to run

1. Clone the code repository.
2. Open terminal to code repository.
3. Make sure a copy of Node.exe and Node.lib are copied to the root of the code repository.
4. Run npm install. (See Dependencies above)
5. Change directories to the express-app folder and run npm install.
6. Change directories back to the root of the code repository.
7. Run npm start to start the application.

Package with Electron-Packager

If you would like to package this using electron-packager you'll need to make the following change:

In index.html (line ~65):

app = require('electron').remote.app,
node = spawn(".\\node.exe", ["./express-app/bin/www"], { cwd: app.getAppPath() })

This makes sure the path to our local copy of node.exe is correct when we run electron to start the app.

That said, I'm assuming the platform is Windows. If other platforms are desirable additional changes are required.

Running on Linux

Download standalone distribution of Node: https://nodejs.org/dist/latest-v7.x/node-v7.10.0-linux-x64.tar.gz

Unpack it into the root of the cloned repository. Then create a symbolic link called 'node' at the same location.

ln -sf node-v7.10.0-linux-x64/bin/node node

Here is a screenshot of what it should look like:

Change line 65 in index.html to the following:

node = spawn("./node", ["./express-app/bin/www"], { cwd: process.cwd() })

Then you can run it like this:

./node start-electron.js &

Or edit the scripts section in 'package.json' and change it to:

  "scripts": {
    "start": "./node start-electron.js"
  },

Then run

npm start

Author(s)

Frank Hale <frankhale@gmail.com>
14 May 2017

License

GNU GPL v3 - see LICENSE