1.首先创建项目文件夹 方便管理
使用mkdir创建文件夹 之后在cd进入创建好的文件夹中拉取项目
创建文件夹: mkdir xxxxx(项目名称)
进入创建文件夹: cd xxxxx
2. 拉取远程仓库代码
拉取克隆项目地址: git clone xxxxxxxxxxx (仓库地址)
git clone -b xxx xxxxxxxxxxxxx 克隆指定分支代码 (xxx为分支名)
3.拉取完代码之后先下载项目中使用到的依赖
下载项目使用依赖: npm install
4.之后再进行配置反向代理
(一般文件都存放在/usr/local/nginx/conf/vhost)这个路径位置
配置反向代理文件:mkdir xxxxx.conf
5.进入conf文件
进入之后,是无法编辑的状态。
找到insert键盘键 按下,在最下方出现INSERT之后现在就进入了可编辑状态
vim xxxx.conf
6.编辑反向代理文件
listen 可以自定义设置访端口
server_name 名称 一般填项目名称/网站名称等
location / 反向代理
proxy_pass 项目本地代理路径 127.0.0.1是在未设置指定域名是的默认。
如果你的为localhost的话,想要修改可以直接在package.json中进行配置。配置详情请查看第7步。
proxy_set_header Host xxxxxxxxxxxx 反向代理的地址
7.修改域名为默认127.0.0.1及修改端口号
8.编写完保存conf文件
按一下esc 退出 INSERT编辑模式,在按住ctrl 连续按莲池z就可以退出并保存文件了
保存完conf配置文件之后。需要重启一下nginx
命令: nginx -s reload
9.返回项目
cd / 返回根目录
10.进行项目打包
通过 npm run build
方法进行项目打包
11. 创建项目运行进程
命令:pm2 start npm --name xxxxxx -- run start
xxxxxx 为你的进程名称
12. 查看进程状态
通过 pm2 ls查看进程。id为进程列表前方的项目进程唯一id
pm2 ls 查看进程列表
pm2 stop id 停止某个进程
pm2 start id 启动某个进程
pm2 restart id 跟新重启某个进程
这一套下来就可以完成了项目部署。在之后为了方便就到了今天的主题,创建一个快速拉取代码的shell脚本
第一步:使用touch xxxx.sh 创建sh脚本文件
第二步:安装了vim就使用vim,没有安装的就是用自带的nano xxxx.sh 进行编写
第三步:添加命令,
git pull
npm install
npm run build
pm2 restart id(id这个地方填写你当前项目进程的id)
第四步:按一下esc退出编辑模式 输入:wq 进行退出 退出保存
第五步:使用 chmod a+x xxx 命令给sh脚本添加执行权限
实例 chmod a+x xxx.sh
第六步:查看sh脚本文件是否成功,文件名称变为绿色及为成功
第七步:使用sh进行执行文件
示例 sh xxx.sh
分享完成