当前位置: 首页 > article >正文

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


http://www.kler.cn/a/16012.html

相关文章:

  • WSL与Ubuntu系统--使用Linux
  • Unity读取Json
  • 活动|华院计算作为联盟理事单位出席进博会全球人工智能合作论坛
  • CSS基础知识04
  • aws ses 设置发件人昵称
  • MySQL查询某个数据库中特定表的空间占用大小
  • 解决Windows下QtCreator编译代码时错误:cc1plus.exe: out of memory allocating 65536 bytes
  • MCAL知识点(二十四):WDG MCAL驱动配置详解
  • 《统计学习方法》——EM算法及其推广(上)
  • 第四十二章 管理镜像 - 监控镜像
  • (八)Geoprocessing地理处理框架——基本介绍
  • GPT-4 API 接入之旅
  • react native ios 添加启动页 xcode14 react-native-splash-screen
  • 【机器学习】HOG+SVM实现行人检测
  • leetcode-024-两两交换链表中的节点
  • 【Java笔试强训 1】
  • 使用BP神经网络和Elman Net预测航班价格(Matlab代码实现)
  • 薪资17K是一个怎样的水平?来看看98年测试工程师的面试全过程…
  • 利用层级式一致性加强进行半监督病理图像分割
  • windows安装flutter
  • 【JavaEE进阶】——第四节.Spring更简单的实现Bean对象的存取(利用注解储存和注入Bean对象)
  • Spring Cloud Kubernetes使用全解(一)—官方原版
  • 【Java笔试强训 12】
  • 如何选择多参数水质分析仪?
  • windbg查看64位dump文件踩过的坑:没有二进制文件导致堆栈异常
  • BM48-数据流中的中位数