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
三、前端 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.在浏览器中测试应用程序
在浏览器中输入您的 域名 或者 ip