電子的NodeJS與快遞

Question

我嘗試使用電子（爲網站和桌面應用程序），使web應用和表達（用於會議等）

現在，我得到這個作爲我app.js：

const express = require('express'); 
const {app, BrowserWindow} = require('electron'); 

exp = express(); 
exp.set('views', __dirname + '/views/'); 
exp.use(express.static(process.cwd() + '/views')); 
exp.get('/', function(req, res) { 
    res.render('index', {}); 
}); 

function onAppReady() 
{ 
    mainWindow = new BrowserWindow({ 
     width: 1080, 
     height: 720, 
     autoHideMenuBar: true, 
     useContentSize: true, 
     resizable: false 
    }); 

    mainWindow.loadURL('http://localhost:5000/'); 
    mainWindow.focus(); 
    mainWindow.webContents.openDevTools(); 
} 

app.on('ready', onAppReady); 

現在，有幾個問題：

1. 如果我使用node app.js，我得到這個錯誤： 行：app.on('ready', onAppReady);

   TypeError：無法讀取Object上未定義的 屬性'on'。 （module.js：571：32） at Object.Module._extensions..js（module.js：580：10）（/home/josh/chat_program/client/app.js:26:4） at Module._compile ）在Module.load（module.js：488：32） at try.ModuleLoad（module.js：447：12） at Function.Module._load（module.js：439：3） at Module.runMain（module的.js：605：10） 在運行（bootstrap_node.js：420：7）在啓動時 （bootstrap_node.js：139：9） 在bootstrap_node.js：535：3

2. 如果我使用electron .，應用程序啓動，但我沒有得到請求或網頁。我所得到的只是基本的HTML，沒有任何東西（只有DOCTYPE HTML HEAD和BODY）。

我搜索了很長時間，但找不到任何東西。

Answer 1

兩件事。

首先我想澄清你的尋路設置和使用，更是這樣的：

var publicPath = path.resolve(__dirname, '/views'); 
// point for static assets 
app.use(express.static(publicPath)); 
//view engine setup 
app.set('views', path.join(__dirname, '/views/')); 

app.engine('html', require('ejs').renderFile); 
app.set('view engine', 'html'); 

其次，我想包我所有的快件代碼到一個單一的文件，該文件是一個自動執行的功能，所以它運行一次當你需要它。比如我的快遞文件，我打電話給我的app.js文件：

(function() { 
    'use strict'; 

    var express = require('express'); 
    var path = require('path'); 
    var logger = require('morgan'); 
    var cookieParser = require('cookie-parser'); 
    var bodyParser = require('body-parser'); 
    var routes = require('./routes.js'); 

    var app = express(); 
    var publicPath = path.resolve(__dirname, '../dist'); 
    var port = 3000; 

    // point for static assets 
    app.use(express.static(publicPath)); 

    //view engine setup 
    app.set('views', path.join(__dirname, '../dist')); 
    app.engine('html', require('ejs').renderFile); 
    app.set('view engine', 'html'); 

    app.use(logger('dev')); 
    app.use(bodyParser.json()); 
    app.use(bodyParser.urlencoded({ 
     extended:true 
    })); 

    app.use('/', routes); 

    app.use(cookieParser()); 

    var server = app.listen(port, function() { 
     console.log('Express server listening on port ' + server.address().port); 
    }); 

    module.exports = app; 

}()); 

然後在我的主文件（我稱之爲main.js不app.js，在我的情況），我實例化應用程序和Express服務器，如下所示：因此，可能需要

var app = require('electron').app; 
var Window = require('electron').BrowserWindow; // jshint ignore:line 
var Tray = require('electron').Tray; // jshint ignore:line 
var Menu = require('electron').Menu; // jshint ignore:line 
var fs = require('fs'); 

var server = require('./ServerSide/app'); 

var mainWindow = null; 

app.on('ready', function() { 
    'use strict'; 

    var path = require('path'); 
    var iconPath = path.resolve(__dirname, './dist/myicon.ico'); 
    const appIcon = new Tray(iconPath); 
    mainWindow = new Window({ 
     width: 1280, 
     height: 1024, 
     autoHideMenuBar: false, 
     useContentSize: true, 
     resizable: true, 
     icon: iconPath 
     // 'node-integration': false // otherwise various client-side things may break 
    }); 
    appIcon.setToolTip('My Cool App'); 
    mainWindow.loadURL('http://localhost:3000/'); 

    // remove this for production 
    var template = [ 
     { 
      label: 'View', 
      submenu: [ 
       { 
        label: 'Reload', 
        accelerator: 'CmdOrCtrl+R', 
        click: function(item, focusedWindow) { 
         if (focusedWindow) { 
          focusedWindow.reload(); 
         } 
        } 
       }, 
       { 
        label: 'Toggle Full Screen', 
        accelerator: (function() { 
         if (process.platform === 'darwin') { 
          return 'Ctrl+Command+F'; 
         } else { 
          return 'F11'; 
         } 
        })(), 
        click: function(item, focusedWindow) { 
         if (focusedWindow) { 
          focusedWindow.setFullScreen(!focusedWindow.isFullScreen()); 
         } 
        } 
       }, 
       { 
        label: 'Toggle Developer Tools', 
        accelerator: (function() { 
         if (process.platform === 'darwin') { 
          return 'Alt+Command+I'; 
         } else { 
          return 'Ctrl+Shift+I'; 
         } 
        })(), 
        click: function(item, focusedWindow) { 
         if (focusedWindow) { 
          focusedWindow.toggleDevTools(); 
         } 
        } 
       }, 
      ] 
     } 
    ]; 

    var menu = Menu.buildFromTemplate(template); 
    Menu.setApplicationMenu(menu); 

    mainWindow.focus(); 

}); 

// shut down all parts to app after windows all closed. 
app.on('window-all-closed', function() { 
    'use strict'; 
    app.quit(); 
}); 

請注意，我用這與在Windows平臺上的成功，小的調整在這個例子中列出的任何平臺的具體項目。