Ubuntu安装教程+网页部署于服务器（前端+后端+mysql数据库）新版

 Ubuntu安装配置教程

1、Ubuntu安装教程

1.1、下载Ubuntu

教程：https://blog.csdn.net/weixin_73404807/article/details/132296815?ops_request_misc=&request_id=&biz_id=102&utm_term=ubuntu-20.04.6-desktop&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-1-132296815.142^v100^control&spm=1018.2226.3001.4187

下载地址：

https://mirrors.aliyun.com/ubuntu-releases/20.04/ubuntu-20.04.6-desktop-amd64.iso?spm=a2c6h.25603864.0.0.66104509Ae4ZKf

1.2、点击创建虚拟机

典型=》选择iso路径

​

​

一直下一步，然后耐心等待。。。直到出现下图，然后会自动锁小键盘，打开即可。

​

 2、Ubuntu配置教程

2.1汉化教程如下：

右键选择OPEN in terminal

界面中文汉化，如果是桌面版（即有界面而不是纯命令行），汉化需要安装中文语言包

sudo apt install language-pack-zh-hans

配置汉化包 

第一种：sudo update-locale LANG=zh_CN.UTF-8（未尝试）

第二种如下：通过图形界面的设置 -> Region & Language -> 右侧加号 -> 简体中文 

​

​

​ ​

​

2.2文件编辑器教程如下：

vim安装：

1.检查是否安装vim

vim --version

若输出了vim的版本信息，则已安装vim，可跳过vim的安装步骤

2.安装vim

sudo apt install vim

即可安装完成

ssh安装（用于XSHELL XFTP）： 

ssh连接

1、安装openssh-server

sudo apt install openssh-server

即可安装完成

net-tools 网络信息查看: 

net-tools 网络信息查看

1.检查是否安装

ifconfig

若输出了网卡、ip等信息，则已安装net-tools，可跳过net-tools的安装步骤

2.安装net-tools

sudo apt install net-tools

即可安装完成

firewalld 防火墙

本文没有安装防火墙，若有防火墙，需要开放端口

sudo firewall-cmd --permanent --add-port=5173/tcp

重新载入配置

sudo firewall-cmd --reload

 2.3配置静态IP方法教程如下：

点击虚拟机软件的编辑按钮=》虚拟机网络编辑器=》更改设置=》查看下列IP信息

​

​ 根据上述信息，可以设置的静态IP为192.168.235.128~192.168.235.255 

​重启网络 ​

项目部署教程

1.部署准备

        此处在home目录底下新建project文件夹，用于存放项目以及配置文件。以下内容所放置文件皆在此目录下。

命令行方式：

mkdir ~/project

图形化方式： 

数据库安装配置教程

1.mysql环境安装

安装命令：

sudo apt install mysql-server

2.配置数据库 

第一次登录：（注意，一定要设置，否则后面很麻烦） 

以超级用户权限运行 mysql 命令，登录到 MySQL 服务：

sudo mysql

• 以下代码解释：
  • 登录 MySQL 后，选择 mysql 数据库，修改 root 用户的验证方式。
  • 确保使用经典的 mysql_native_password 验证方式（避免与某些旧客户端的兼容性问题）。
  • 设置 root 用户的密码为 123456 并禁用密码过期功能。
  • 确保修改后生效，并退出数据库管理环境。

  use mysql;
  ALTER USER 'root'@'localhost' IDENTIFIED with mysql_native_password BY '123456' PASSWORD EXPIRE NEVER;
  ALTER USER 'root'@'localhost' IDENTIFIED BY '123456' PASSWORD EXPIRE NEVER;
  quit;

  3.导入数据源

  将数据库打包文件放入project文件夹（由navicat打包）。

  

  进入数据库代码（密码为123456）： 

  mysql -u root -p

  创建数据库代码： 

  CREATE DATABASE virtulab;

  使用当前创建的数据库： 

  use virtulab; 

  

  记得此图形界面路径为，home底下的用户的文件夹，也就是/home/lyf/

  在执行source前记得先执行上述代码并不退出mysql。 （因为mysql可以有多个数据库，但是插入数据的时候需指定一个数据库）

  导入数据库数据：

  source /home/lyf/project/virtulab.sql;
  

  

  前端安装配置教程

  1.引入前端打包的dist文件

  将打包好的前端dist文件放入project文件夹

  

  2.nginx环境安装

  2.1nginx安装

  sudo apt install nginx

  2.2新建nginx配置文件

  新建配置文件代码： 

  gedit /home/lyf/project/nginx_config
  

  

  将以下代码写入当前文件，并点击保存。 （若格式出现问题也会报错）

  server {
      listen 5173;
      server_name test;
      root /home/lyf/project/dist;
      index index.html;
      location / {
          try_files $uri $uri/ /index.html;
      }
      # Optional: Enable gzip compression
      gzip on;
      gzip_types text/plain application/javascript application/x-javascript text/javascript text/xml text/css;
      gzip_vary on;
      gzip_min_length 1024;
  }
  

  

   2.3将配置文件链接至nginx

    (代码里不能出现多余空格，否则会导致代码报错)

  （这里的/home/lyf/project/nginx_config一定要是绝对路径，相对路径的nginx_config会报错）

  sudo ln -s /home/lyf/project/nginx_config /etc/nginx/sites-enabled/ 

   2.4nginx安装状态查询

  测试配置文件是否正确

  sudo nginx -t

  出现successful说明正确

  

  重启nginx以应用配置

  sudo systemctl restart nginx

  2.5nginx报错查询

  # 查看最近的 Nginx 错误日志
  tail -f /var/log/nginx/error.log

  nginx报错解决：

  1.permisson denied问题（没有访问权限 500 internal server error）

          修改nginx本来的配置文件 

  sudo gedit /etc/nginx/nginx.conf

  默认用户为www-data（此用户拥有所有权限）

   将user后面加入自己的用户，重启即可。

  

  

  后端安装配置教程

  1.Java环境安装

  OpenJDK-21安装 ：

  sudo apt install openjdk-21-jdk

  设置环境变量：

  sudo gedit ~/.bashrc

  在最后一行添加（注意回车时vim会自动给新行加#，#是注释的意思，如果加了请去掉） ：

  JAVA_HOME=/usr/lib/jvm/java-21-openjdk-amd64

  

  应用环境变量：

  source ~/.bashrc

  验证是否安装成功：

  echo $JAVA_HOME

   

  2.Redis环境安装

  sudo apt install redis

  3.引入后端打包的Jar包

  将打包好的jar包放入project文件夹下：

  

  将后端资源文件放入project文件夹下（记得修改后端读取文件路径，此项目需要项目资源文件，没有使用此方法的可以省略此步骤）： 

   

  可以使用进行测试后端导入情况：

  java -jar VirtuLab_back-0.0.1-SNAPSHOT.jar 

   

  3.配置后端自启动

  新建可执行文件：

  （以 / 开头，表示从文件系统的根目录开始。）

  （~ 是用户家目录的快捷方式。如果你登录的用户是 lyf，那么 ~ 实际上表示 /home/lyf。）

  sudo gedit /home/lyf/project/autustart.sh

  往文件中写入： 

  java -jar /home/lyf/project/VirtuLab_back-0.0.1-SNAPSHOT.jar 

   

  设置自启动文件（为了防止文件冲突，取名autostart=>autustart）

  sudo gedit /etc/systemd/system/autustart.service

  插入以下内容

  [Unit]
  Description=My Script Service
  After=network.target
  [Service]
  ExecStart=/home/lyf/project/autustart.sh
  [Install]
  WantedBy=multi-user.target

  

  启用并启动 systemd 服务 为了使服务在系统启动时自动运行，你需要启用它，并启动服务： 

  sudo systemctl enable autustart.service
  sudo systemctl start autustart.service
  

   检查服务状态 要检查服务是否成功启动，可以使用以下命令：

  sudo systemctl status autustart.service
  

   报错解决如下：

  通过以下代码都可以查询错误原因：

  sudo systemctl status autustart.service
  

  journalctl -u autustart.service
  

  错误代码 203/EXEC 表示在执行 /home/lyf/project/autustart.sh 时出现了权限或执行问题。

  

   解决方法如下：

  新增权限：
  sudo chmod +x /home/lyf/project/autustart.sh（记得修改路径）
  脚本修改：autustart.sh 脚本加入一行
  #!/bin/bash
  java -jar /home/lyf/project/VirtuLab_back-0.0.1-SNAPSHOT.jar
  重启代码：
  sudo systemctl daemon-reload
  sudo systemctl restart autustart.service
  然后检查服务的状态：
  sudo systemctl status autustart.service