腾讯云服务器上线一个springboot+vue项目最全教程 非Docker

2024-09-05 08:15:06 浏览数 (2)

前言

  • 博主看网络上的各种介绍项目上线的视频/文章,要么不是项目获取困难,要么没有良好的引导比较难看懂,要么不全。因此写本博客。本博客应该是最全的了,全面地介绍一个项目如何上线。即使你是小白看完博客也能让你成为糕手糕手糕糕手
  • 背景色是 野菊紫

要上线的项目介绍(如果你已经自己写过了一份项目,那就不用看这一部分)

  • 作为教材的是一个springboot vue的项目,项目很小,只有使用mysql、elementUI。 但就是因为项目足够小,所以会让新手更容易认识理解如何上线项目。
  • 该项目已经上传到我的github、gitee中。不过你就算不会git,什么都不懂也没事,按照我博客教程一步步走,就好了。​

从外表层面认识该项目

  • 有登录界面,然后分为管理员端和用户端两个端
用户端
  • 这里是座位预约界面,前端有一个bug,没有将光标默认显示在座位预约上面
  • 留言板界面,用户可自由留言
管理员端
  • 管理员端,可以对项目的公告呀、座位呀、用户、留言榜等进行管理

从代码层面认识该项目

后端
  • 如果你想在本地把项目跑起来,点下面这个即可
前端

第一步:购买云腾讯云服务器并使用

购买腾讯云服务器

  • 项目需要运行在服务器上,因此我们需要购买一个云服务器
购买地址
代码语言:javascript复制
https://cloud.tencent.com/act
学生优惠
代码语言:javascript复制
https://cloud.tencent.com/act/campus

具体的服务器选购,看我的文章:

代码语言:javascript复制
https://juejin.cn/post/7405388594830508068

题外话

  • 我买的时候发现了很搞笑的事
  • 最便宜的居然是没有活动的,而且腾讯云给的100块创作者卷,居然不能用于有活动的产品。what can i say?
服务器配置
  • 这个和linux差不多

来控制台看看你买的服务器

代码语言:javascript复制
https://console.cloud.tencent.com/lighthouse/instance/index?rid=1

使用SSH工具MobaXerm链接服务器

  • 接下来的操作可以看我的另一篇博客:很好用的服务器/虚拟机链接工具MobaXterm 下载安装链接以及一些方便快捷的设置
  • 还有大佬 I’mAlex的文章 有遇到问题可以看看 MobaXterm远程终端管理工具最全攻略

第二步:获得项目代码

我懂git指令

代码语言:javascript复制
https://gitee.com/Qiuner/SelfStudyRoom

我不懂git指令

1、你想将代码放在那里?
  • 然后点击回车
2、开始克隆项目
代码语言:javascript复制
git clone https://gitee.com/Qiuner/SelfStudyRoom
  • 复制粘贴上面的命令即可
3、ok

第三步:安装宝塔面板及理解腾讯云公网防护

安装宝塔面板

访问以下网址

代码语言:javascript复制
https://www.bt.cn/new/download.html
  • 根据自己需要选择不同的版本,然后将命令直接复制到你ssh工具链接到的主机上即可实现安装宝塔面板
  • 下面选项直接选yes即可
  • 我的马赛克是一些关键信息,这个服务器马上过期了,就算破解马赛克也没有用
  • 这里面外网就是能访问bilibili、抖音能上网的设备都能通过这个ip访问到宝塔面板,而内网地址需要你和这个服务器处于同一个局域网,才能使用内网进行访问
  • 因为这个时候我们还访问不了页面
代码语言:javascript复制
netstat -tulnp | grep 16716
  • 通过这段代码查看端口是否在运行
  • 显示如图那这个端口就是在运行
腾讯云服务器设置端口放行使得能访问宝塔面板
  • 腾讯云为你服务器提供的一种端口保护,和本地的防火墙不是一个概念
  • 下面代码是本地防火墙的放行,但只是这样还不够,还要去腾讯云那里,进行放行
代码语言:javascript复制
firewall-cmd --zone=public --add-port=16716/tcp --permanent
firewall-cmd --reload

按照以下图片设置就能直接看到

不放行给所有网段

使用以下命令查询自己电脑在公网的ip

代码语言:javascript复制
nslookup myip.opendns.com resolver1.opendns.com
  • 我打了马赛克的部分就是你的公网ip,就是你的这个局域网的公网ip。博主链接的是校园网
  • 但经过测试,暂时不知道怎么放行给一个网段
访问显示404
  • 这种情况是因为你是通过IP地址加端口访问的,这种办法访问会出现404。这是宝塔面板设置的一种保护,你需要做的就是把你之前第一此安装宝塔面板显示的
  • 你就能成功访问啦
  • 这里面nginx、mysql、jdk是必须的,phpmyadmin是一个数据库可视化的东西 pure-ftpd是phpmyadmin安装前置条件

第四步:将数据库部署好

添加数据库 如果你的数据库名和我的不一样,那记得在第五步的时候进行适当更改
  • 如此,就能看到了
注意

记住你设置的数据库密码,这个关系到后续的后端部署

数据库导入失败
  • 有这两句方便项目本地运行,但项目部署的时候就用不到了

第五步:把项目后端上线服务器

项目打成jar包之前 需要做些什么?

  • 注意,在将项目打成jar包之前,需要改变项目的数据库链接设置什么的
  • 如果你的项目有什么redis nacos,那都需要适当地修改配置
  • 至于我这个演示项目,只需要你前面的数据库名字 密码按照我图片里面设置就好了

项目打成jar包

  • 可以看到jar包在target下面

jar包本地运行验证(重点 此处能理解服务跑在服务器是什么意思)

  • 在以往的项目中,大多是在idea中将项目跑起来,但本次,将跑jar包。让我们在视觉上感受到项目的后端

最后执行结果

找到你的jar包,然后开始进入命令行,输入以下命令

  • 使用下列命令
代码语言:javascript复制
java -jar SelfStudyRoom-0.0.1-SNAPSHOT.jar
  • 然后你就会发现神奇的启动了,idea没有在运行,但前端还是能使用后端的处理逻辑
  • 接下来,上传jar包到服务器上面,然后开始进行部署

使用Linux命令来上传jar包

  • 一般会将jar包上传到opt文件夹下面,在opt文件夹下添加一个文件夹,然后上传应用程序,接下来我们就来使用

到相应文件夹

代码语言:javascript复制
cd /opt

创建文件夹

代码语言:javascript复制
mkdir application

进入文件夹

代码语言:javascript复制
cd application
  • 接下来你可以复制一份jar包,做备份处理
启动jar包
代码语言:javascript复制
java -jar SelfStudyRoom-0.0.1-SNAPSHOT.jar
因没有安装java导致报错

解决办法

代码语言:javascript复制
sudo yum install java-11-openjdk-devel
  • 是打 y 然后回车

下图为安装成功的状态

  • 你也可以在宝塔面板中安装,说到底,宝塔面板只是个辅助的可视化工具罢了,一个任务实现的方式是多种多样的
  • jar包运行成功

其余相关配置

在后台运行

为了在关闭终端后仍然保持应用程序运行,你可以使用 nohup 或者 screen 等工具来在后台运行 JAR 包。

使用 nohup 命令:

代码语言:javascript复制
nohup java -jar SelfStudyRoom-0.0.1-SNAPSHOT.jar > output.log 2>&1 &
  • output.log:保存应用程序的日志输出。
  • &:表示将进程放到后台运行。
查看后台运行日志
代码语言:javascript复制
tail -f output.log
查看应用程序运行状态
代码语言:javascript复制
ps -ef | grep java

或者查看端口(注意端口)

代码语言:javascript复制
sudo netstat -tuln | grep 9090
访问应用程序
代码语言:javascript复制
http://your-server-ip:9090
  • 注意,需要在腾讯云放开端口,并且使用http来访问,而不是https访问
  • 以上是访问结果。到了这一步,你可以不止拿你电脑可以访问,拿手机访问也是一样。去看看你的云服务器运行的服务吧,感受一下学编程反馈的喜悦

    0 人点赞