React:如何使用React-starter-kit在服务器上发布页面

时间:2015-12-17 15:58:51

标签: node.js ftp reactjs npm

所以,我使用repo创建了一个页面: https://github.com/kriasoft/react-starter-kit

我有自己的全局ftp服务器。现在我想在服务器上发布我的项目。

最好的方法是什么。我应该将所有文件复制到ftp服务器,只执行命令'npm start'吗?或者我应该部署它?

我是网络部署的新手,不知道它是如何工作的。

感谢您的任何提示。

3 个答案:

答案 0 :(得分:1)

这可能比仅仅填充项目要复杂一些。以下是我在digitalocean上设置服务器的说明。

sudo apt-get update
sudo apt-get install npm
sudo apt-get install git
sudo apt-get install ufw

sudo apt-get install build-essential libssl-dev
curl https://raw.githubusercontent.com/creationix/nvm/v0.20.0/install.sh | bash
nvm install stable  //may require new ssh session before this

ufw default deny incoming
ufw default allow outgoing
ufw allow ssh
ufw allow 80/tcp
ufw allow out to any port 53
ufw enable

sudo npm install -g forever
sudo npm install -g node-gyp
cd /var
mkdir www
cd www
git clone https://github.com/calitek/palminfo --recursive
npm install
npm ls -depth 0
export PORT=80
node js/server.js
test using ip / when good exit then
forever start js/server.js
set dns

服务器需要支持添加node.js.然后你需要最好使用github来克隆项目。您将需要在服务器上执行npm install以确保使用正确的模块。它第一次出现时有点复杂,下次还要留下好记。

答案 1 :(得分:0)

这是一个很大的话题,无论您的Linux发行版是什么,您可能总是需要2台服务器 - 代理服务器和应用服务器。

我建议您使用简单的Node.js服务器(如Express或Hapi)包装已编译的站点。然后配置nginx以正确地将所有请求路由到应用程序。查看DigitalOcean的一些详细指南

  1. CentOS:https://www.digitalocean.com/community/tutorials/how-to-set-up-a-node-js-application-for-production-on-centos-7
  2. Ubuntu:https://www.digitalocean.com/community/tutorials/how-to-set-up-a-node-js-application-for-production-on-ubuntu-14-04
  3. 小步骤可能略有不同但你明白了

答案 2 :(得分:0)

一种方法是在服务器上构建应用程序,但是你需要一些你已经决定使用的Heroku。

但另一种选择是进行范式转换。你的应用程序基本上只是一些html,css和javascript,它们是为公众编译和服务的。您可以使用npm run build自行编译,然后将编译后的文件复制到您的托管服务器,该服务器可以使用它想要的服务器:apache httpd,nginx等。这也更便宜,因为您只需要基本托管,而不是一些复杂的nodejs编译服务器。

我创建了一个入门套件http://redux-minimal.js.org/,可帮助您使用最少的包和非常轻的配置设置创建丰富的真实应用。如果查看文件夹结构,可以看到应用程序使用公用文件夹中的index.html,然后直接在公用文件夹中编译css和js文件。这样可以更轻松地将公用文件夹复制到您想要的服务器。