宝塔面板摆设前后端分离项目(若依)到linux云服务器 【具体教程保姆级】
开篇[*]提到Linux上摆设项目,很多人都觉得头痛,redis、mysql、nginx、tomcat、node等都必要一行行的下令来完成。即便使用相 对简单的Docker下令,对一些新手来说也有一定上手难度,最最少必要把握基本的Docker下令,况且后面还必要设置情况变量。
[*]第一次在Linux云服务器上摆设前后端分离项目,查了很多资料,踩了很多坑。乐成实现摆设若依的前后端分离项目后,想记载一下前后端摆设的过程,供学习的小同伴参考。
一:申请云服务器
腾讯云
https://i-blog.csdnimg.cn/direct/19a56ae2928f4571a70bce51ce73b418.png#pic_center
[*]点击上面腾讯云直接进入腾讯云,如果有账号就直接登录,没有的话就注册一个新账户
[*]注册好之后对账号举行实名,实名乐成后,可以购买所需的服务器
[*]也可以申请试用服务器.首页-免费试用-申请云服务器,服务器操纵系统 CentOS
[*]点击右上角控制台 查看服务器的IP地址,账号密码
阿里云
https://i-blog.csdnimg.cn/direct/7f5f9a92ac0b473194323bb7d5ac6d68.png
[*]点击上面阿里云直接进入阿里云,如果有账号就直接登录,没有的话就注册一个新账户
[*]注册好之后对账号举行实名,实名乐成后,可以购买所需的服务器
[*]也可以申请试用服务器.首页-最下面-免费试用-申请云服务器,服务器操纵系统 CentOS
[*]点击右上角控制台查看服务器的IP地址,账号密码
华为云
https://i-blog.csdnimg.cn/direct/19198825d6e94061ad8169d125ec09d6.png
[*]点击上面华为云直接进入华为云,如果有账号就直接登录,没有的话就注册一个新账户
[*]注册好之后对账号举行实名,实名乐成后,可以购买所需的服务器
[*]也可以申请试用服务器.首页-免费体验中心-申请云服务器,服务器操纵系统 CentOS
[*]点击右上角控制台查看服务器的IP地址,账号密码
二:毗连云服务器
1.以xshell为例,点击新建,输入主机,服务器的IP地址,点击确定
https://i-blog.csdnimg.cn/direct/4924530d204841439c624dc93ef32d63.png
2.输入用户名,记住用户名
https://i-blog.csdnimg.cn/direct/35354da4d7f64c63a16005564213e81c.png
3.输入密码,并且记住密码
https://i-blog.csdnimg.cn/direct/7024e3e9d56241debc650c39d434bd37.png
4.登录乐成
https://i-blog.csdnimg.cn/direct/be1795ad61ce482286c1c7a5ba5477b4.png
三:下载宝塔面板
1.欣赏器搜索宝塔面板
https://i-blog.csdnimg.cn/direct/4c571c6fe6954ecba145b106454cfa5a.png
2.点击安装
https://i-blog.csdnimg.cn/direct/02a3aa80e7c74e3caa206022a575648d.png
3.选择linux面板https://i-blog.csdnimg.cn/direct/fe29dde7320c46e190fec2adfe4d67e7.png
4.复制下令
https://i-blog.csdnimg.cn/direct/28201069cb394ceaa54d18eb24d22388.png
5.复制下令输入,安装即可
https://i-blog.csdnimg.cn/direct/ec7d91663b1b4a03b631e9f472ea7651.png
6.这里输入y,等待安装
https://i-blog.csdnimg.cn/direct/692551cc37934d61a9eecf7ed6e9b0dc.png
7.安装乐成之后会表现宝塔面板的IP 用户名密码
https://i-blog.csdnimg.cn/direct/8cc5170f0af04c748a0ab0f39a2cc21f.png
8.欣赏器输入外网面板地址输入用户名密码
https://i-blog.csdnimg.cn/direct/356a3cacc76d414d88b46443affa50ff.png
9.没有宝塔账户的可以注册宝塔账户关联
https://i-blog.csdnimg.cn/direct/25585e8ba1b342eeb5789bb1569a4814.png
10.登录乐成之后
https://i-blog.csdnimg.cn/direct/a16fc035e10f446295e2e10efbf6c5ea.png
四:情况设置
1.这里可以不用一键安装,单独安装,关闭即可
https://i-blog.csdnimg.cn/direct/e39e05804a6f4028ae526d133291d74a.png
2.点击软件商店
https://i-blog.csdnimg.cn/direct/ec6c00ffa4c3400e802a83a00da8d2cb.png
3.安装所必要的软件
https://i-blog.csdnimg.cn/direct/8eb418f10972414c87ee6e43204ea888.png
4.安装nginx,测试学习选择极速安装,生产情况正式项目选择编译安装
https://i-blog.csdnimg.cn/direct/1a506c92a7e24edcbaf4d8f37493877b.png
5.安装redis
https://i-blog.csdnimg.cn/direct/620bef3d17ca46f1a3a5ddecde48bd96.png
6.安装mysql
https://i-blog.csdnimg.cn/direct/877de628357d4d2c975e76e141d9ef3c.png
7.安装完成之后,设置里面可以重启,
https://i-blog.csdnimg.cn/direct/1b3416f321ec4ecabb56dd66bd596464.png
8.redis设置里面可以设置密码,可以不用设置,如果设置密码之子女码里面必要修改对应密码
https://i-blog.csdnimg.cn/direct/6c5119982e804a69ba3ca00b9f18a9c9.png
8.点击安全
https://i-blog.csdnimg.cn/direct/cfed9b1bb9794590abbf207f42464e03.png
9.放行3306端口,(这里注意,不同云服务器必要登录账号在安全组里面放行端口)
https://i-blog.csdnimg.cn/direct/da81585c9ab14163a855d37a1ce2a4d5.png
10.点击数据库,root密码,复制出来
https://i-blog.csdnimg.cn/direct/95dc7e6e29aa48c9bdb6eb2faad44ea5.png
11.使用宝塔里面的终端工具毗连服务器
https://i-blog.csdnimg.cn/direct/02d1dcbe44194c17a40bc49d53722525.png
12.连上服务器后,执行下面步骤即可
#root用户进入数据库 输入上面复制的root密码
mysql -u root -p
#使用mysql
use mysql
#更新root用户权限,“%”是所有地址都可以访问
update user set Host='%' where User='root';
#刷新权限即可
flush privileges;
13.输入用户名密码
https://i-blog.csdnimg.cn/direct/fe8c39f1904248708d62d1fc289aab5d.png
14.使用mysql
https://i-blog.csdnimg.cn/direct/0343807c29e64e7095c42dcb5ccb9daf.png
15.更新root用户权限,“%”指的是所有地址都可以访问
https://i-blog.csdnimg.cn/direct/9feeb9dac88c46fa9f4012b2c60a3ffe.png
16.刷新权限即可
https://i-blog.csdnimg.cn/direct/9fcd6d763b544ae09737f57dbf8920dd.png
17.毗连数据库,主机输入IP,输入密码毗连即可
https://i-blog.csdnimg.cn/direct/281ebb5c9ff749a8abb0f505c82d4aad.png
四:项目设置
1.下载若依项目到当地
https://i-blog.csdnimg.cn/direct/b0e9f922dad947d19cf10866c7735f9f.png
2.下载之后可以看到前后端都在一起,可以分脱离
https://i-blog.csdnimg.cn/direct/d5485a5caee7448ab2d2f7d2b7d11d2c.png
3.把ruoyi-ui剪切出来和若依同级
https://i-blog.csdnimg.cn/direct/0f4cb8a84a884823808676f28dc6cc24.png
4.新建导入sql文件到数据库
https://i-blog.csdnimg.cn/direct/19f4aedad6e74dc0a6409ac39cbb20ef.png
5.运行sql文件(两个文件都要导入运行)
https://i-blog.csdnimg.cn/direct/196f2ac958764670a6d9d85e1b217829.png
6.完玉成部文件导入
https://i-blog.csdnimg.cn/direct/8ef516cf8a8a43a0953bf62eae828f37.png
7.修改项目数据库,用户名密码
https://i-blog.csdnimg.cn/direct/15d834972b7a40cbb2a9989340132d1a.png
8.宝塔里面如果设置了redis密码,这里修改密码,没有设置不用处置处罚
https://i-blog.csdnimg.cn/direct/158c10ecdc5f44e0a06604e54e208d64.png
9.打包项目,先clean,再package
https://i-blog.csdnimg.cn/direct/380ed7e3b00444598df3edc9905fb614.png
10.修改前端哀求api地址,这里修改成服务器IP
https://i-blog.csdnimg.cn/direct/6ff15d6b401b43abb0dd274f042afa28.png
11.打包前端代码
https://i-blog.csdnimg.cn/direct/fb3abfb736f44c4b82d17f903acbadfa.png
四:宝塔摆设
1.点击文件,新建目次
https://i-blog.csdnimg.cn/direct/c8f07899e3a545cba42d44537e87b0de.png
2.新建目次,进入project目次里面
https://i-blog.csdnimg.cn/direct/8186da2b43e84c94a600253e43b2b739.png
3.上传jar,文件
https://i-blog.csdnimg.cn/direct/9857fecadaad49d6966ee94084adec12.png
4.上传dist文件
https://i-blog.csdnimg.cn/direct/1c80a19f1ac94ae3ac6b6749ff74b2f7.png
5.上传完成之后
https://i-blog.csdnimg.cn/direct/73937bfe1be64c948fa3d16dd258b998.png
6.点击网站-Java项目,添加Java项目
https://i-blog.csdnimg.cn/direct/b4543ced895a401fafdc2b2bdb400f70.png
7.安装对应版本的jdk,项目是1.8
https://i-blog.csdnimg.cn/direct/e46aa4e9bac14eecb3d215b833289814.png
8.选择上传的jar,确定
https://i-blog.csdnimg.cn/direct/f331d1ad77114473b6709adfe45aa43c.png
9.如果点击确定出现了警告,可以点击数据库导入到面板,确定数据库密码和代码里面的密码是否一致
https://i-blog.csdnimg.cn/direct/6a50939d1c4e4c209792d6ef7b11c600.png
10.启动之后可以查看jar是否乐成启动
https://i-blog.csdnimg.cn/direct/6ecc0f1a0c704884b5643e3d5e8bd1ac.png
11.乐成启动
https://i-blog.csdnimg.cn/direct/1d482b35787542b1a7396e4bec4e8f8c.png
12.设置nginx
https://i-blog.csdnimg.cn/direct/12049c0e4f774576bb6130b707603cf5.png
server {
# 前端项目要部署到什么端口
listen 80;
#localhost改成请求的IP
server_name localhost;
location / {
# 告诉nginx,前端打包好的文件在哪里
roothtml/sssFront;
# index配置首页文件
indexindex.html index.htm;
}
#这里解决跨域问题,后端地址及端口号,这里的api会存在改动,根据项目配置
location /api/ {
# ip和端口 根据后端服务器来确定,因为我的后端服务也是部署在这台服务器中,所以可以写127.0.0.1
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://127.0.0.1:8080/;
}
}
13.改成root,设置完成之后,点击保存
https://i-blog.csdnimg.cn/direct/48c2e4910ea4461fb8c82394ec34879b.png
https://i-blog.csdnimg.cn/direct/1dca3da1d1004552be693b70c5b43fda.png
可以按照我的模板修改,具体的还必要根据项目设置举行修改
14.保存之后,重启nginx
https://i-blog.csdnimg.cn/direct/b9b9dc62a3c646948c24365d40e08753.png
15.放行8080端口,这里是后端设置的端口号,根据项目修改
https://i-blog.csdnimg.cn/direct/f6ac8db3d8dd47088049092c223c70c1.png
五:项目访问
欣赏器访问ip加端口号
https://i-blog.csdnimg.cn/direct/424d94b3099d4b1cbe9ea3025fba0fe8.png
到这里已经乐成更新摆设乐成,可以按照模板举行设置,具体的还必要根据项目里面的设置举行修改,有什么不明白的也评论区讨论
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]