java中如何配置前端项目,将后端或前端项目部署到云服务器上

后台部署环境需求：

(远程连接工具：官网下载很简单)

文件传输工具(  https://filezilla-project.org/download.php?type=client)

mvn项目

首先在云服务器(在服务器上安装jdk和vsftpd)

在云服务器搭建一个vsftpd服务

$ sudo apt-get purge vsftpd

安装vsftpd

$ sudo apt-get install vsftpd

//配置

$ sudo vi /etc/vsftpd.conf

将31行改为： write_enable=YES (如果有#号去掉前面的#号)

//重启vsftpd服务

$ sudo service vsftpd restart

$ sudo service vsftpd status

1.1 云服务器搭建Java环境 (jdk)

首先要使用文件传输工具将linux版本的jdk上传到服务器上

1. 解压安装到 /opt

$ sudo mv xx,zip /etc/opt/

$ sudo  tar -xvf xx.zip

2. 配置环境变量 /etc/profile

$ sudo vi /etc/profile

在文件的最后追加

export JAVA_HOME=/opt/jdk1.8.0_211

export CLASSPATH=.

export PATH=$PATH:$JAVA_HOME/bin

输入下面命令让其生效

$ source /etc/profile

检查 ：java -version

如果出现版本号证明安装成功了。

$ nohup java -jar ej-0.0.1-SNAPSHOT.jar &

远程工具(任意)

具体操作：

在项目中打开终端：Terminal

输入命令

mvn clean package

也可以直接进入项目文件夹输入上面的命令。

结果显示

进入项目所在文件夹下的target目录：

里面会有一个jar包

复制这个jar包到桌面：

拖动文件到红色圆圈内进行文件的上传(上面步骤中上传jdk也是如此)

文件上传成功后进行远程登录与服务器：

启动并且放到守护进程中

$ nohup java -jar ej-0.0.1-SNAPSHOT.jar &

测试

这个是我的swagger地址你要改的就是前面的ip地址(前提是你用的swagger-ui插件)

http://152.136.78.228:8888/swagger-ui.html

重新部署

中止以前的服务

$ ps -ef | grep java

$ sudo kill -9 xxx

重启服务

$ nohup java -jar ej-0.0.1-SNAPSHOT.jar &

前端选择：

vscode

2. 前端打包

npm run bulid

命令执行在项目中会生成一个dist文件

在云服务器上安装

$ sudo apt-get install apache2

$ service apache2 status

看到apache的状态

1) 将dist打包通过ftp上传到ubuntu的家目录中

2) 将dist移动到 /var/www/html中解压

将前端打包好的代码部署到apache上

$ sudo mv dist.zip /var/www/html/

$ cd /var/www/html

$ sudo unzip dist.zip

前端在线浏览地址

http://152.136.136.220/ej