腾讯云CentOS7.6 服务器如何部署前后端项目

// 本地cmd通过SSH登录远程腾讯云服务器
ssh root@公网IP

【Linux CentOS7.6 安装Node环境】

// 进入目录
cd /usr/local/src

// 新建文件夹
mkdir source 

// 下载
wget https://nodejs.org/download/release/v16.20.2/node-v16.20.2.tar.gz

// 解压
tar xzvf node-v16.20.2.tar.gz

// 进入目录
cd /usr/local/src/source/node-v16.20.2-linux-x64/bin

// 建立软链接
ln -s /usr/local/src/source/node-v16.20.2-linux-x64/bin/node /usr/bin/node

ln -s /usr/local/src/source/node-v16.20.2-linux-x64/bin/npm /usr/bin/npm

ln -s /usr/local/src/source/node-v16.20.2-linux-x64/bin/npx /usr/bin/npx

【安装Git】

// 通过yum内置命令安装git
yum install git

【安装nginx】

1.安装Nginx
yum install -y nginx

2.启动Nginx
systemctl start nginx.service

3.CentOS 7 开机启动Nginx
systemctl enable nginx.service

4.Nginx配置信息

网站文件存放默认目录
/usr/share/nginx/html 改成 /bawei/react-hooks/dist

// 重新启动
systemctl restart nginx.service

Nginx全局配置
/etc/nginx/nginx.conf

参考网站：
https://blog.csdn.net/u012486840/article/details/52610320/

【部署前端】
// 进入根目录
cd /

// 新建目录
mkdir bawei

// 进入目录
cd bawei

// 生产ssh密钥
ssh-keygen -t ed25519 -C "Gitee SSH Key"

// 进入目录
cd  /root/.ssh/

配置SSH公钥  （就是拷贝 id_ed25519.pub里面的内容）

// 进入目录
cd /bawei

// 下载代码
git clone git@gitee.com:lidaomeng/react-hooks.git

// 安装yarn
npm install -g yarn

// 建立软链接
ln -s /usr/local/src/source/node-v16.20.2-linux-x64/bin/yarn /usr/bin/yarn

// 进入前端项目目录
cd /bawei/react-hooks

// 安装node_modules依赖包
yarn 

// 打包
yarn build

// 将/usr/share/nginx/html 改成 /bawei/react-hooks/dist

// nginx配置文件的位置
/etc/nginx/nginx.conf

【部署后端】
1.在Gitee新建后端项目， 比如hello-koa

2.本地clone 项目，开发后端接口，然后push 到gitee

3.在腾讯云的 /bawei目录下，clone项目

git clone git@gitee.com:lidaomeng/hello-koa.git

4.进入项目并且安装依赖
cd hello-koa

// 安装依赖
yarn

5.安装pm2

npm install -g pm2

// 建立软链接

ln -s /usr/local/src/source/node-v16.20.2-linux-x64/bin/pm2 /usr/bin/pm2

6.通过pm2启动后端项目

pm2 start /bin/www

7.重新配置Nginx，拦截/api做路由代理

// 使用^~开头，这样会去掉/api前缀。例如访问/api/user，实际反代回去的请求url会是/user
 location ^~/api/ {
           proxy_pass http://localhost:3000/;
           proxy_set_header   X-Forwarded-Proto $scheme;
           proxy_set_header   X-Real-IP         $remote_addr;
}

8.重启nginx

systemctl restart nginx.service

【腾讯云安装mongodb】

// 进入源码下载目录
cd /usr/local/src/source/

// 下载安装包
 wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-7.0.2.tgz

// 创建mongodb目录
mkdir -p /usr/local/mongodb

// 解压
tar xzvf mongodb-linux-x86_64-rhel70-7.0.2.tgz

// 移动
mv mongodb-linux-x86_64-rhel70-7.0.2/* /usr/local/mongodb

// 进入目录
cd /usr/local/mongodb/

// 新建目录
 mkdir data logs

// 新建文件 配置文件
touch mongodb.conf

// 新建文件 日志文件
cd logs && touch mongodb.log

// 增加可执行权限
chmod +x mongodb.conf

// 建立软链接  源目录 -> 目标目录
ln -s /usr/local/mongodb/bin/mongod /usr/bin/mongod

// 进入目录
cd /usr/local/mongodb

// 编辑文件内容   i
 vim mongodb.conf

/*
port=27017
dbpath=/usr/local/mongodb/data  # 指定数据库路径
logpath=/usr/local/mongodb/logs/mongodb.log # 指定日志文件路径
logappend=true  # 使用追加方式写日志
fork=true  # 以守护进程的方式运行
maxConns=100  # 最大同时连接数
noauth=true  # 不启用验证
storageEngine=wiredTiger # 存储引擎
bind_ip=0.0.0.0 # 服务绑定地址
*/

// 启动mongodb服务器
mongod --config /usr/local/mongodb/mongodb.conf

// 测试
curl http://localhost:27017

到腾讯云控制台 【防火墙】【添加规则】新增对外开放27017端口号

之后就可以通过mongodb compass直接访问