此教程只针对新服务器,对于已有安装过服务的请慎重操作
一、环境安装
1.利用oneinstack自动安装选择所需服务
2.登录远程服务器,粘贴刚刚复制的命令并运行
3.nodejs安装并配置全局命令
下载nodejs安装包
wget https://npm.taobao.org/mirrors/node/v14.14.0/node-v14.14.0-linux-x64.tar.xz
解压安装包(两次)
xz -d node-v14.14.0-linux-x64.tar.xz
tar -xvf node-v14.14.0-linux-x64.tar
移动到指定目录(不移动也可以)
mv node-v14.14.0-linux-x64 /usr/local/node/node-v14.14.0-linux-x64
配置全局node和npm命令
ln -s /usr/local/node/node-v14.14.0-linux-x64/bin/node /usr/bin/node
ln -s /usr/local/node/node-v14.14.0-linux-x64/bin/npm /usr/bin/npm
运行命令node -v、npm -v检查是否安装成功,有版本号就表示成功
[root@VM-0-12-centos ~]# node -v
v14.14.0
[root@VM-0-12-centos ~]# npm -v
6.14.8
全局安装并配置pm2(服务端启动需要)
// 安装
npm i pm2 -g
// 全局配置
ln -s /usr/local/node/node-v14.14.0-linux-x64/bin/pm2 /usr/bin/pm2
// 查看是否成功
[root@VM-0-12-centos ~]# pm2 -v
4.5.0
二、项目部署
1.前端部署
添加虚拟主机
/root/oneinstack/vhost.sh
此部分可参考oneinstack交互安装中的“如何添加虚拟主机?”
创建好之后在/data/wwwroot/目录下会生成一个以域名命名的目录,将前端打包生成的静态文件此目录下。
(例:vue在/dist目录下;uniapp在/unpackage/dist/build/h5下)
配置nginx代理
跳到nginx配置文件目录
cd /usr/local/nginx/conf/vhost
编辑配置文件
vim www.example.com.conf
按i进入INSERT模式
在server最下面加上此段代码
server {
#此处省略一万行代码
location /api {
#proxy_pass后面是服务端地址,端口号默认3000
proxy_pass http://127.0.0.1:3000/api;
include proxy.conf;
}
}
按ESC退出INSERT模式,输入:wq保存并退出
重启nginx
service nginx reload
2.后端部署
将后端代码(node_modules除外)全部上传到服务器/opt/node/xxx-server/目录下,运行生产环境命令npm run prd(实际运行的是pm2 start bin/配置文件,根据实际情况处理)
注:xxx-server是后端服务目录名称,后端代码目录随意
第二次写简书,先写这么多吧,有不足的地方欢迎大神们指教