Node项目部署到云服务器(1)----后端篇

573 阅读5分钟

接下来,我将手把手教大家部署自己的项目后端到远程服务器。

1.前期准备

首先我们先去阿里云免费白嫖一台服务器试用 阿里云免费试用 - 阿里云

image.png

之后我们创建一个实例

这里我们都正常选择

image.png

服务器选择阿里巴巴云服务器,版本选择如图示版本

image.png

选择自定义密码,设置自己的密码

image.png

之后就可以下单创建了,学生是免费的,有300元的免费试用额度哦。

下面就是我已经创建好的一个实例了

image.png

之后,我们下一个finalshellFinalShell SSH工具,服务器管理,远程桌面加速软件,支持Windows,macOS,Linux,版本4.5.12,更新日期2024.10.30 - FinalShell官网选择自己电脑的操作系统。

下好之后打开,选择ssh连接

image.png

输入名称,主机复制之前创建的实例的公网ip,用户名写root,密码输入之前创建实例时写的密码

image.png image.png

创建完成之后双击进入

image.png

之后我们准备下一个宝塔可视化界面宝塔面板下载,免费全能的服务器运维软件

我们复制下面命令粘贴到finalshell面板上,等待安装

image.png

image.png

装好之后就是下面这个样子,记住这些信息(不记得了输入指令bt,再输入14查看面板信息,密码不记得了也可以修改密码)

我们暂时不要叉掉这个页面

image.png

我们回到阿里云服务器,打开安全组,选择管理规则,进入以下页面

入方向手动添加一个放行端口,端口号就是刚刚下载完给的端口号,我们要给他放开,源我们选择所有ipv4,其他默认。

image.png

image.png

复制外网ipv4面板地址在浏览器中打开,选择继续访问

image.png

我们来到宝塔页面

image.png

输入当时在finalShell下载完后,宝塔给的账号密码(进去之后主页面有个一键激活,点了也没关系)

接下来我们来到这个页面,这个就是我们的云服务器的可视页面了接下来我们以node项目为例,部署一个前后端分离的项目。

image.png

我们来到左下角软件商店,搜索node,安装一个node.js的版本管理器。也就是图中倒数第二个。选择最新版本,直接安装即可。

image.png

之后我们安装一个MySQL,选择8.0版本以上的,点击极速安装。

image.png

image.png

2.后端部署

之后我们开始部署项目的后端

都装好之后,我们点击文件,新建一个文件夹,名字可以取自己的项目文件夹名

image.png

建好之后,双击打开,进去之后右键点击上传。

image.png

将自己的后端文件夹拖过去。这个时候我们可以暂时删除node_module(到时候再npm i 装回去就行)或者将文件压缩再解压,可以提高上传速度。

image.png

之后选择网站,点击node项目,选择添加node项目。项目目录找到后端项目文件夹。

image.png

启动命令我们自定义启动命令 node index.js,index.js就是最外层的文件。

image.png

这里我们还要安装一个node版本,我们选择安装22.14.0版本

image.png

装好之后我们刷新,选择就好了,包管理工具选择npm,pnpm都行。

是否安装node_module就是是否想要打包这个文件,按需选择。这里博主在上传时就将这个文件删除了。所有选不选都不影响。

image.png

点击查看更多配置之后,选择3000端口。一定要勾选放行端口,给宝塔授权使用这个端口,如果项目有域名,也可以绑定域名,完成之后就可以确定了。

image.png

3. 数据库配置

完成之后我们下一步就要进行数据库的配置了

找到数据库,选择你使用的数据库,选择添加数据库。数据库名写你代码中连接的数据库名字,密码是你数据库的密码。

用户名宝塔默认与你的数据库名一致,更改会报错,所以这里我们需要把数据库的username改成与你的数据库名一致(在宝塔上传之后的文件里改,而不是自己本地的文件),访问权限选择所有人(根据自己需求选择),然后点击确定

image.png

image.png

之后我们打开数据库,连接数据库,选择项目中的数据库,导出数据和结构,得到一个.spl文件

image.png

回到我们的宝塔面板,选择导入

image.png

选择本地上传,导入我们刚才导出的.spl文件,上传

image.png

叉掉第一个弹窗,第二个弹窗要点导入!!!!

image.png

到这里我们差不多完成了。

但还有一个点,我们在本地的前端文件里面设置了axios.defaults.baseURL的域名的话,要改成我们云服务器实例上的公网ip

image.png

与此同时还要放开安全组的3000端口,和你数据库运行的端口,博主的是3306端口

image.png

在完成这些之后我们重启一下node项目。

image.png

此时我们就可以只运行前端,就能访问到我们部署在云服务器的后端了。