如何在服务器启动一个react项目

当我满心欢喜的写了一个react项目想与人分享时候，总不能直接把源码穿过去并让人家本地启动去看吧～

so，今天就来说一下如何在服务器上启动一个通过域名访问的react项目

---

首先要在本地的react项目中打包编译，如果没配置打包命令，默认编译命令：

npm run build

将打包好的build文件夹压缩一下，拖到服务器中,我一般是会放到home文件夹下，大家可以自行选择

在服务器中解压这个压缩文件包，解压命令：

unzip build.zip

然后要进入到服务器中下载两个工具，我用的是finalshell，mac系统下这个软件还是挺好操作的

第一个是http-server，这个工具是为了将react项目以服务的形式启动，在本地也可以使用这个工具启动服务，下载命令：

npm install http-server

但是这样启动如果关掉命令行窗口，就会自行断开服务，所以要下载另一个工具screen，这个工具是为了让http-server持续运行，关掉命令窗口也不会断开，下载命令：

yum install screen 

最后进入到刚才解压好的文件夹中运行：

screen -S httpserver

这样会启动一个screen的终端，在这个终端中输入（-p后面的端口号可以修改成自己想要的）：

http-server -p8080

这样就启动了一个端口后为8080的服务，然后键盘按control+a+d，将screen终端隐藏到后台就好了。

试一下可不可以访问吧～

---

停掉服务也很简单

在项目文件夹下输入命令，查看当前的启动的终端：

screen -ls

会看到当前启动的终端列表  

然后输入命令进入到这个终端（后面的数字与进入的终端数字对应）：

screen -r 7984

按control+c就可以停掉当前的服务

想要直接杀掉screen终端可以在终端外输入：

screen -X -S 7984 quit