使用宝塔面板部署后端项目到服务器

文章目录

  • 前言
  • 第一步:安装数据库
  • 第二步:打包后端项目
  • 第三步:配置数据库
  • 第四步:部署后端项目
  • 第五步:前后端联调测试
  • 总结

前言

在之前我已经写了一篇如何去部署前端项目,虽然能访问网站,但是没有数据库里面的内容是无法登录进去的,所以本篇文章会详细讲述如何安装数据库和部署后端项目。


一、安装数据库

1、点击宝塔面板软件商店。

2、搜索mysql并且安装自己的数据库版本,安装过程需要一些时间。

3、安装redis数据库(如果自己的项目需要redis就安装,没有就不用安装


二、打包后端项目

1、打开idea,点击右边的maven

2、(1)如果只有一个模块,就直接点击模块里面的package

打包完成

2、(2)如果有多个模块,只需要在项目运行的那个模块的pom文件中配置maven-plugin

然后在父模块里面点击package进行打包就行了

3、打包好后,target下面有打包好的jar包文件

多个模块只需要看运行模块的那个jar包

4、复制jar包文件放置到自己了解的文件夹内准备用


三、配置数据库

1、打开宝塔面板。点击左侧的数据库

2、修改数据库密码,账号名默认为root,密码设置成自己数据库密码

3、点击添加数据库 

 配置数据库信息

添加成功

4、将自己本地数据库导出来

5、宝塔面板导入刚才的数据库文件

从本地上传

选择文件开始上传 

点击关闭后,然后导入

查看是否导入成功!! 

6、配置redis数据库信息(如果有redis就配置,没有就不管

设置自己的redis密码就行了

 


四、部署后端项目

1、将后端jar包上传至文件夹

这是之前放前端项目的文件夹,如果你没有就直接创建即可

2、点击左边的终端

3、输入刚才放置后端jar包的地址,例如我的是 www/wwwroot/www

则输入命令:cd /www/wwwroot/www/   会将将输入框转到这个地方

4、输入启动后端项目的命令: # java -jar 包名

例如我的: # java -jar sky-server-1.0-SNAPSHOT.jar 

 然后回车就能启动成功!!!

但是只要离开终端项目就会停止

所以需要输入永远运行的命令:nohup java -jar 项目名.jar & 

例如我的:nohup java -jar sky-server-1.0-SNAPSHOT.jar & 

文件里面出现一个nohup.out就说明后端永远会运行!可以双击查看运行情况!!!

 


五、前后端联调测试

1、打开之前部署的前端项目网页,ip+端口

登录成功说明后端和数据库已经成功了!!!


总结

后端部署分为五步:

1、安装数据库

2、打包后端项目

3、配置数据库

4、部署后端项目

5、前后端联调测试

后端部署成功后别人就可以访问了。后续会对如何在宝塔面板里面操作和观察数据库内容进行讲解。如果这篇文章对你有帮助的话请点点赞和收藏。如果网站和文章有问题的话也可以私信我或指出来!!!

### 部署 Vue 前端和后端项目的步骤 #### 宝塔面板的安装与配置 对于初次接触宝塔面板的新手来说,首先需要访问宝塔官方网站并按照指引完成Linux版宝塔面板的下载与安装[^1]。首次登录时,建议更改默认的安全设置,比如调整宝塔面板的访问端口,并通过阿里云控制台添加相应的安全组规则来允许外部访问这些端口号。 #### 环境搭建 进入宝塔面板后,默认情况下会有LNMP(Linux, Nginx, MySQL, PHP) 或 LAMP (Linux, Apache, MySQL, PHP) 的一键安装选项,在这里可以选择适合Vue.js应用运行所需的Web服务器环境——即Nginx作为反向代理服务[^4]。为了支持Node.js后端程序,则需额外安装Node.js环境以及可能需要用到的数据库管理系统如MySQL或MongoDB等。 #### 后端部署 针对基于Spring Boot构建的服务端应用程序,可以考虑将其打包成JAR文件并通过Java命令启动;而对于采用Express或其他框架开发的Node.js API接口,则可以直接上传源码至指定目录下执行`npm install && npm start`操作来进行本地调试和服务发布[^5]。 #### 前端部署 关于前端部分,通常做法是先将Vue项目编译为生产模式下的静态资源(`dist`文件夹),再借助于FTP/SFTP工具把该文件夹内的所有内容复制到网站根路径中。接着在宝塔面板内创建一个新的站点记录,并指向这个存放有HTML/CSS/JS等静态资产的位置。最后编辑对应的虚拟主机配置文件(.conf), 设置正确的index入口文档位置及启用Gzip压缩等功能优化网页加载速度[^3]。 ```bash # 执行此命令用于生成可发布的前端代码包 npm run build ``` #### 测试验证 当上述工作完成后,记得重启Nginx使新的配置生效,随后可以通过浏览器输入域名/IP地址加上相应端口查看是否能够正常展示首页画面,同时也可以尝试调用API接口测试前后端交互逻辑是否顺畅无误。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值