如何在ubuntu服务器

时间:2017-04-28 06:25:09

标签: reactjs react-redux

我在react js中完成了几项任务,我想将它们移动到服务器以供我的客户审查。但我不知道如何在服务器中对应用程序做出反应。目前我正在使用http://localhost:3000

我在这里有几个问题。 1.我们是否还需要在ubuntu服务器中配置所有必要的设置..? 我的IP地址指向我的Ubuntu。那么,我如何使用该IP在服务器中运行应用程序呢?

这是我的webpack.production.js文件



var path = require('path');
var webpack = require('webpack');
module.exports = {
  entry: './main.js',
  output: {
    path: path.join(__dirname, '/dist/assets'),
    filename: '[name].bundle.js',
    publicPath: '/',
    sourceMapFilename: '[name].map'
  },

  plugins: [
    new webpack.LoaderOptionsPlugin({
      minimize: true,
      debug: false
    }),
    new webpack.optimize.UglifyJsPlugin({
      beautify: false,
      mangle: {
        screw_ie8: true,
        keep_fnames: true
      },
      compress: {
        screw_ie8: true
      },
      comments: false
    })
  ],
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  }
}






"scripts": {
    "start": "if-env NODE_ENV=production && npm run start:prod || npm run start:dev",
    "start:dev": "webpack-dev-server --inline  --history-api-fallback",
    "start:prod": "webpack && node server.js",
    "build": "webpack -p --config ./webpack.production.config.js",
    "build:dev": "webpack --env=dev --progress --profile --colors",
    "build:dist": "webpack --env=production --progress --profile --colors"
  }




感谢

2 个答案:

答案 0 :(得分:1)

如果您正在使用Webpack创建捆绑包,则需要将 index.html bundle.js 移动到客户端的服务器并配置HTTP服务器Nginx或Apache指向 index.html 文件。

答案 1 :(得分:0)

这个问题非常广泛。如果您有服务器,则需要使用ssh登录并安装Apache或其他服务器,如nginx。我想你的remft应用程序不依赖于PHP或节点,因此它是带有JS的静态html。所以基本上:

sudo apt-get install apache2

安装服务器并检查它是否正在运行只需使用浏览器并导航到http://<your server ip>,您应该看到一个页面说:»它正在运行«

如果是这样的话:

cd /var/www/html
rm -rf *
exit

cd /your/local/project
scp -r * user@<your server ip>:/var/www/html

这应该将您的所有文件上传到/var/www/html。如果您收到Forbidden回复,则需要sudo chown -R www-data:www-data *中的/var/www/html

在这里查看https://help.ubuntu.com/lts/serverguide/httpd.html

但是,但是,根据您的需要设置服务器变得更加复杂:如node / php / mysql支持,当然还有操作系统,上面的说明适用于ubuntu。此外,不包括有关安全性的考虑因素,因此如果不知道您在做什么,请务必小心!