节点服务器和2个反应前端的Heroku?"/>
如何将应用程序部署到具有2个节点服务器和2个反应前端的Heroku?
首先,我创建了一个带有React前端(带有webpack)的节点应用程序。 在一个子文件夹中,我创建了一个节点并响应聊天应用程序,该应用程序使用socket-io进行实时协作。 此聊天应用程序还具有自己的package.json和webpack.config.js文件。
文件结构如下:
root
- package.json
- webpack.config.js
- server
- client
- database
- chat_folder
-- package.json
-- webpack.config.js
-- client
-- server
我决定采用这种体系结构,以使聊天服务器与应用程序的其余部分分开,但保留对共享数据库的访问权限。
将这样的架构化应用程序部署到Heroku的最佳方法是什么?
我最初的想法是将聊天应用程序的package.json文件“移动”或合并到根文件夹的package.json中? 以某种方式添加到package.json的启动脚本中以启动聊天服务器。 我不确定如何从脚本启动2台服务器。 我也不确定如何更改2 webpack.config文件,或者是否有必要。 还是我需要部署2个单独的应用程序? 还是2个独立的测功机?
主文件夹中package.json文件中的启动脚本:
"start": "node server/index.js"
主文件夹中package.json文件中的启动脚本:
"start": "node server/index.js",
两个文件夹中的webpack.config.js文件看起来都相同:
var path = require('path');
var SRC_DIR = path.join(__dirname, '/client/src');
var DIST_DIR = path.join(__dirname, '/client/dist');
module.exports = {
entry: `${SRC_DIR}/index.jsx`,
output: {
filename: 'bundle.js',
path: DIST_DIR
},
module : {
loaders : [
{
test : /\.jsx?/,
include : SRC_DIR,
loader : 'babel-loader',
query: {
presets: ['react', 'es2015', 'env']
}
}
]
}
};
回答如下:
更多推荐
如何将应用程序部署到具有2个节点服务器和2个反应前端的Heroku?
发布评论