Electron JS、Expressバックエンドと別のhtmlフロントでアプリケーションを開始

Question

私は別々のExpressJSバックエンドと別個のHTMLフロントを持つアプリケーションを持っています。

マイExpressJSバックエンドは、私のHTMLのフロントはroot/index.htmlに位置していますroot/scripts/server.js

に位置しています。このフロントはwebpackから生成されたjavascriptロジックを使用し、正しく動作します。私が最初にこのコマンドを使用して私のExpressJSのバックエンドを起動し、このプロジェクトの作業を行うためには

：

babel-node ./scripts/server.js --presets es2015,stage-0 

は、その後、私は私のindex.htmlを開いて、すべてが正常に動作します。

今、ElectronJSを使用して1つのデスクトップアプリケーションにバックエンドとフロントの両方をパックしたいと考えています。

私のプロジェクトには、デスクトップモードで電子アプリケーションを起動するmain.jsスクリプトがあります。そしてそれはroot/main.jsにあります。このスクリプトは、だけ私のHTMLフロントを起動

const electron = require('electron') 
const app = electron.app 
const BrowserWindow = electron.BrowserWindow 

const path = require('path') 
const url = require('url') 

let mainWindow 

function createWindow() { 
    mainWindow = new BrowserWindow({ 
     width: 800, 
     height: 600, 
     autoHideMenuBar: true, 
     useContentSize: true, 
     resizable: false 
    }) 

    mainWindow.loadURL(url.format({ 
    pathname: path.join(__dirname, 'index.html'), 
    protocol: 'file:', 
    slashes: true 
    })) 

    mainWindow.webContents.openDevTools() 

    mainWindow.on('closed', function() { 
    mainWindow = null 
    }) 
} 

app.on('ready', createWindow) 

app.on('window-all-closed', function() { 
    if (process.platform !== 'darwin') { 
    app.quit() 
    } 
}) 

app.on('activate', function() { 
    if (mainWindow === null) { 
    createWindow() 
    } 
}) 

：それは、次のコードを持っています。 HTMLフロントでExpressバックエンドをパックするには、何を追加する必要がありますか？ main.jsにこのような何かを追加すること

Answer 1

試してみてください。

const server = require('./scripts/server');