Skip to content

Instantly share code, notes, and snippets.

@maximilian-lindsey
Last active November 3, 2024 21:30
Show Gist options
  • Save maximilian-lindsey/a446a7ee87838a62099d to your computer and use it in GitHub Desktop.
Save maximilian-lindsey/a446a7ee87838a62099d to your computer and use it in GitHub Desktop.
How to run Express inside an Electron app

How to run Express inside an Electron app

You can run your Express app very easily inside your Electron app.

All you need to do is to:

  • place all the files of your Express app inside a new app folder in your_electron_app\resources\app
  • reconfigure the app.js file
  • refactor some relative pathes in your Express app

Configure app.js

You should start your Express app before opening a new BrowserWindow and the load a new mainWindow like this:

const express = require('./express'); //your express app

app.on('ready', function() {
  express();
  mainWindow = new BrowserWindow({
    width: 1280,
    height: 720,
    autoHideMenuBar: true,
    useContentSize: true,
    resizable: false,
  });
  mainWindow.loadURL('http://localhost:5000/');
  mainWindow.focus();

});

Refactor pathes

Pathes in Electron don't work the same way they do in your Express app.

You have to make them all from relative to absolute pathes first.

So instead of doing this:

app.set('views', '/client/views');
app.use(express.static(/client/dist/static));

you have to do this:

app.set('views', __dirname + '/client/views');
app.use(express.static(__dirname + '/client/dist/static'));
@SevenZark
Copy link

When I try to make a fetch() request I get a CORS violation. Not sure how to handle this locally.

@raminious
Copy link

When I try to make a fetch() request I get a CORS violation. Not sure how to handle this locally.

Enable CORS (https://expressjs.com/en/resources/middleware/cors.html

@pzehle
Copy link

pzehle commented Jul 17, 2023

Starting express in a forked child process works great when you want to keep the main thread from freezing:

const { fork } = require("child_process");

  let ps;
  //...
  ps = fork(`${__dirname}/../out-tsc/server-app/main.js`, [], {
    cwd: `${__dirname}/../`,
  });

You are my hero. I've been looking for this for the last 12 hours. THANKS

@Jamtastic808
Copy link

Jamtastic808 commented Jul 19, 2023

Is it better to use fork or utilityprocess? https://www.electronjs.org/docs/latest/api/utility-process

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment