SDKJ_JD 服务器部署

前端（Vite + Vue3）、 后端（flask + mongodb） 、服务器（Ubuntu20.04）

一、后端 MongoDB 环境部署到 ubuntu20.04

可以按照以下步骤在Ubuntu 20.04上安装MongoDB：

1.添加MongoDB官方GPG密钥：

wget -qO - https://www.mongodb.org/static/pgp/server-5.0.asc | sudo apt-key add -

2.添加MongoDB软件包源：

echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/5.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-5.0.list

3.更新APT软件包列表：

sudo apt update

4.安装MongoDB：

sudo apt install mongodb-org

5.启动MongoDB服务：

sudo systemctl start mongod

6.确认MongoDB服务已经启动：

sudo systemctl status mongod

如果服务已经启动，将会看到"active (running)"的状态。
7.设置MongoDB服务开机自启：

sudo systemctl enable mongod

现在，MongoDB已经成功安装在Ubuntu 20.04上。可以使用MongoDB Shell连接到MongoDB服务，并开始使用它。

二、后端 python 环境部署到 ubuntu20.04

1.前往 Anaconda 官网，下载适用于 Linux 的 Anaconda 安装包，可以选择 Python 3.x 版本。

2.将下载好的安装包传输到 Ubuntu 20.04 服务器上，可以使用 scp 命令进行传输。

3.在 Ubuntu 20.04 服务器上安装 Anaconda，使用以下命令：

bash Anaconda-latest-Linux-x86_64.sh

按照提示进行安装。安装过程中需要输入一些设置信息，例如安装路径和是否添加 Anaconda 到系统环境变量等。
4.按照提示进行安装。安装过程中需要输入一些设置信息，例如安装路5.径和是否添加 Anaconda 到系统环境变量等。

conda activate

如果您的程序需要的是特定的 Python 版本，可以使用以下命令创建一个新的虚拟环境：

conda create -n myenv python=3.9

6.激活虚拟环境，使用以下命令：

conda activate myenv

7.在虚拟环境中安装所需的 Python 包，例如 Flask，使用以下命令：

conda install flask

8.有三两种方法在虚拟环境中运行 Flask 服务器程序，
8.1.第一种是永flask（需提前对主py文件命名为app.py），使用以下命令：

flask run

8.2.第二种是直接永pthon app.py， 依赖终端打开

python app.py

8.3 第三种手动启动，但是可以脱离终端独立后台运行

nohup python app.py &

& 符号用于将命令放入后台运行。
当你在终端执行 nohup python app.py & 时，该命令将在后台运行，不会阻塞终端。
可以关闭终端，后端程序仍然会继续运行。输出会被重定向到 nohup.out 文件中。

三、前端 Vue3 项目部署到 ubuntu20.04

在部署vite和Vue3应用程序之前，您需要确保Ubuntu 20.04服务器上已经安装了Node.js和npm。如果没有安装，请按照以下步骤进行安装：

1.更新Ubuntu软件包列表

sudo apt update

2.安装Node.js和npm

sudo apt install nodejs npm

3.验证Node.js和npm安装是否成功

node -v npm -v

如果显示了版本号，则表示Node.js和npm已经成功安装。

接下来，将vite和Vue3应用程序部署到Ubuntu 20.04服务器的步骤如下：

1.将Vue3应用程序打包成静态文件

在Vue3应用程序的根目录中，运行以下命令将应用程序打包成静态文件：

npm run build

执行成功后，将在Vue3应用程序的根目录下生成一个dist目录，其中包含了打包后的静态文件。

2.将静态文件上传到Ubuntu服务器

将生成的dist目录复制到Ubuntu服务器中，可以使用scp命令将文件上传到服务器，例如：

scp -r dist user@your-server-ip:/path/to/destination

user是您在Ubuntu服务器上的用户名，your-server-ip是服务器的IP地址，/path/to/destination是您要将文件复制到的服务器目录。

3.在Ubuntu服务器上安装一个Web服务器

在Ubuntu服务器上安装一个Web服务器，例如Nginx或Apache。这里以Nginx为例：

sudo apt install nginx

4.配置Nginx

在Ubuntu服务器上配置Nginx，使其可以为Vue3应用程序提供服务。
a. 创建一个Nginx站点配置文件

sudo nano /etc/nginx/sites-available/vue-app

b. 将以下配置复制到文件中

server {
    listen 80;
    server_name your-domain.com;
    root /path/to/your/dist/directory;
    index index.html;
 
    location / {
        try_files $uri $uri/ /index.html;
    }
}

将your-domain.com替换为您的域名或服务器IP地址，将/path/to/your/dist/directory替换为您上传Vue3应用程序的dist目录的绝对路径。
c. 保存并关闭文件
d. 创建一个符号链接到sites-enabled目录

sudo ln -s /etc/nginx/sites-available/vue-app /etc/nginx/sites-enabled/

e. 测试Nginx配置是否正确

sudo nginx -t

如果配置正确，则应该看到以下输出：

nginx: configuration file /etc/nginx/nginx.conf test is successful

f. 重新启动Nginx

sudo systemctl restart nginx

5.后端程序启动（手动）

nohup python app.py &

& 符号用于将命令放入后台运行。
当你在终端执行 nohup python app.py & 时，该命令将在后台运行，不会阻塞终端。
可以关闭终端，后端程序仍然会继续运行。输出会被重定向到 nohup.out 文件中。

5.后端程序启动（开机自启动）

…

6.在浏览器中测试应用程序

在浏览器中输入您的 域名 或者 ip