全面详细 手把手教学使用宝塔面板部署前后端分离项目

前言:平日里我们的前后端项目基本上都是通过linux系统提供的命令窗口去部署,有没有一种更简单可视化的方式去部署我们自己的项目呢,答案是有的,本篇博客就是手把手教学如何通过一个可视化的页面去部署我们自己开发的前后端分离项目 。
博主的其他部署教程:
1、部署前后端分离项目:部署前后端分离项目最全图文教程(手把手教学)
2、部署前后端分离项目:手把手通过部署前后端分离项目(亲测可用)
3、Linux系统部署:Linux系统部署详细教程(图文讲解)
4、Linux系统部署Nginx:Linux系统部署Nginx详细教程(图文讲解)
5、Linux系统配置Maven:Linux系统配置Maven环境详细教程(图文讲解)
6、Linux系统配置Node.js:Linux系统配置Node.js环境详细教程(图文讲解)
7、Linux系统安装部署MySQL:Linux系统安装部署MySQL完整教程(图文详解)
8、Linux系统安装部署Redis:Linux系统安装部署Redis完整教程(图文详解)
9、Linux系统安装部署:Linux系统安装部署完整教程(图文详解)
10、Linux系统安装部署:Linux系统安装部署详细教程(图文讲解)
目录
一、购买云服务器
二、安装宝塔面板
三、初始化宝塔面板
四、部署项目
五、部署Vue项目
六、连接MySQL数据库
七、放行端口
八、测试MySQL数据库连接
九、访问网站
一、购买云服务器
这边我选择的是华为云服务器,购买完毕以后,进入控制台找到自己的弹性云服务器,点击远程登录 。
注:系统选择 7
选择使用进行登录 。
输入密码后成功登录进来 。
二、安装宝塔面板
复制如下命令进行安装 。
yum install -y wget && wget -O install.sh https://download.bt.cn/install/install_6.0.sh && sh install.sh ed8484bec
会有2个提示,默认都是y即可 。
然后安静等待安装完毕即可 。
安装完毕以后会发现,通过外网面板地址无法访问宝塔面板,这边是因为我们新购买的服务器没有放行图中对应的37318端口 。
我们找到我们的安全组面板,选择Sys-,点击配置规则 。
点击添加规则 。
填写完信息以后点击确认即可 。
然后我们再访问外网面板地址访问,就可以进来啦,记得输入账号和密码哦!
如果说哪天突然忘记了默认访问地址或者是账号密码,在命令窗口输入如下命令即可 。
sudo bt default
三、初始化宝塔面板
输入账号和密码以后会弹出一个协议,点击同意即可 。
进入面板后,系统会提示我们进行登录账号,这边没有账号的小伙伴先要去注册一个哦,不然是无法使用宝塔面板的 。
登录成功以后,我们选择第一套默认安装 。
这边静静等待安装就好了,第一次安装会比较慢 。
这样宝塔面板初始化就完成了 。
四、部署项目
这边我写了一个非常简单的项目,打成了jar包,后端端口配置的是9090 。
在部署之前,我们务必要检查一下我们是否安装了JDK环境,没有的话是无法进行部署的 。
1、检索Java1.8的列表
yum list java-1.8*
2、安装1.8.0的所有文件
yum install java-1.8.0-openjdk* -y
3、查看是否安装成功
java -version
这样JDK环境就安装好了,我们就可以继续部署了 。
点击左边的文件菜单,点击上传 。
这是我上传上来的jar包
点击左边菜单的网站,点击Java项目,添加Java项目 。
选择刚才上传的jar包并填写项目端口号,最后点击提交 。