首先我们创建这样几个文件夹,来存放我们所需要的安装包及安装包解压后的文件。
然后我们将所需要的一些软件通过finallshell上传至云服务器的/modules/app目录下
1.1.1安装JDK
在app目录下执行命令
这样jdk便安装在了modules目录中
然后还需要配置环境变量。
执行命令:
文件打开后是这种样子。按住shif+g,可到达文件末尾。 然后按i进入编辑模式。
在文件末尾添加这两行配置
然后再按esc键,输入:wq就可以退出了。
然后输入以下命令,使配置生效,并且输入java -version,查看是否安装成功
如果出现下图文字,则说明JDK安装成功了。然后可以继续看下文。
1.1.1安装Tomcat
我们回到app目录下,执行
tomcat安装比较简单,不需要配置环境变量,解压即可。
然后进入tomcat的bin目录下,执行tomcat的启动命令,出现下图,说明tomcat启动成功。
然后我们需要配置一下防火墙,端口
先查看防火墙状态
开启防火墙
再查看防火墙状态,可以看到防火墙已经开启了。
然后我们要添加8080端口,执行命令
然后我们再云服务器上添加8080端口,我使用的是云服务器。
然后我们再浏览器地址栏输入:ip地址:8080端口,就会出现如下页面。
至此tomcat相关的配置就已经完成了。
1.1.3安装MySQL
首先要检查当前系统是否有mariadb,这个软件与MySQL冲突,所以再安装MySQL之前,要把它卸载了。(centos7会自带该软件)
由于mysql安装之后有好几个文件夹,所以我们再modules目录下,创建一个mysql文件
然后我们将mysql压缩包解压到mysql目录下,可以看到mysql解压后会出现6个rpm文件。
然后对这6个文件依次安装,这里需要注意的是,rpm文件安装有先后顺序。
这里需要注意的是,再安装mysql-community-server时候,会报错,这个时候可以再命令后加上--nodes来执行。
出现该问题,提示需要安装其他的依赖。执行如下命令进行安装,如果出现其他问题,可自行百度。
安装这个依赖后,在安装mysql-community-server就不会报错了。
然后我们查看mysql的状态并开启mysql服务。
启动mysql服务后,mysql会生成一个临时密码供我们登录
使用命令查看
然后我们使用临时密码进行登录
提示输入密码时候不会显示
进入mysql后我们需要修改密码,方便我们以后登录。
然后退出mysql,使用新密码访问
我们还需要开启3306端口,同时还需要再云服务器上添加3306端口,否则将无法远程连接,
我这里使用DBeaver进行远程连接。
如果弹出以下窗口,则表明成功连接。
至此mysql相关配置已经全部完成,接下来就可以部署后端项目,本文使用的是人人权限管理系统,码云地址:renren-security: 采用SpringBoot2、MyBatis-Plus、Shiro框架,开发的一套权限系统,极低门槛,拿来即用。设计之初,就非常注重安全性,为企业系统保驾护航,让一切都变得如此简单。🔝 🔝 🔝 记得上边点个star 关注更新。
在部署这个项目之前,我们需要在服务器上创建所需要的数据库。
右键当前的连接,创建一个sql编辑器,将项目中的sql
我们需要对DBeaver进行相关设置,
首先我们要新建一个数据库,数据库名字为renren_security,字符集为utf8,排序规则为utf8_general_ci
然后我们在该数据库创建一个SQL编辑器,将项目中mysql.sql文件中的内容复制过来。选中所有sql语句然后执行。创建项目所需要的表和数据。
最后可以看到出现了这些表。
我们需要修改appication-dev.yml文件数据库相关的配置,然后将这个项目打成jar包后,上传至服务器
出现下图,说明打包成功了。
这个renren-admin.jar,就是生成的jar包,我们将该jar包上传到/opt/modules/apache-tomcat-7.0.57/webapps目录下。
然后执行
这里需要注意的是,再执行jar包前,需要停掉tomcat服务,负责会抛出端口被占用的异常。如下图所示。
所以我们需要先回到tomcat的bin目录,执行
然后回到webapps目录下执行
最后出现了这个说明项目启动成功了。
然后我么再浏览器地址栏输入:ip:8080/renren-admin/就可以访问项目了。这里由于前端项目还没有启动,所以就是如下页面。
2.1.1安装Nginx
前端项目的部署相对容易一些。进入/opt/modules/app目录,执行命令
然后解压这个包到/opt/modules目录下
然后进入/opt/modules/nginx-1.16.1目录下,执行命令,就完成了nginx的安装
然后进入/opt/modules/nginx/sbin目录下,执行
然后我们再浏览器输入服务器ip地址:80 (端口号可以省略),就会出现如下页面说明nginx成功启动了。
注意这里仍然需要开启80端口,腾讯云服务器默认开启了80端口,我就不需要再开启了。
至此nginx安装完毕。接下来我们就可以打包我们的前端项目了。
2.1前端项目部署
我们使用的前端项目是码云上的renren-ui和renren-security共同构成了一个完整项目
renren-ui: renren-ui基于vue、element-ui构建开发,实现renren-security后台管理前端功能,提供一套更优的前端解决方案。
在打包前端项目前,需要安装node.js,安装教程可参考其他博客,这里不做讲解。
我们执行如下命令
出现下图,说明打包完成,这时我们的项目目录中多了两个文件,
一个node_modules文件,就是执行npm install 下载必要的包
一个dist文件,就是我们所需要的包。
同时我们需要修改dist目录中index.html中的地址。
然后我们将dist文件上传到服务器/opt/modules/nginx/html文件下。
在/opt/modules/nginx/conf目录下,修改nginx.conf的配置文件,修改内容如下图所示,修改后重启nginx服务即可。
在配置文件中,将这个root路径修改成html/dist即可,这个dist就是我们上传的前端文件。
最后我们重启nginx服务就可以正常访问了。
版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/do-yfwjc/17345.html