前面两篇文章阿里云ecs云服务器——Vue项目部署和阿里云ecs云服务器——craco+react项目部署(2)聊了聊相继部署两个前端的过程,这两种方式都是使用nginx反向代理部署的方法,这里聊一种更简单好上手的部署方式——tmux
tmux是终端的命令,详细作用和使用命令见阮一峰老师的Tmux 使用教程
使用tmux将项目部署到服务器的过程如下:
- 服务器上安装tmux:
sudo apt-get install tmux
- 将自己的项目上传至github或者其他地方
- 在服务器上某个目录下用git clone把项目克隆下来,装好依赖
- 创建一个tmux的会话:
tmux new -s session_name
- 在会话中的操作过程和本地没有区别,如启动项目:
npm start
- 离开会话:
Ctrl+b d
或者tmux detach
之后可以正常关闭ssh连接,项目仍然可以在本地浏览器中打开
注:如果打不开,检查一下是否项目端口被占用或者没有配置阿里云实例安全组
修改react项目启动端口,修改package.json中start的命令:
PORT=xxxx react-scripts start