利用systemd启动部署在服务器上的web应用

0.背景

系统环境: Ubuntu 22.04
web应用情况: 前后端分类,前端采用react,后端采用fastapi

1.具体配置

1.1 前端配置

开发态运行(启动命令是npm run dev),创建systemd服务文件

bash 复制代码
sudo nano /etc/systemd/system/frontend.service

内容如下:

bash 复制代码
[Unit]
Description=React Frontend Dev Server
After=network.target

[Service]
User=youruser
WorkingDirectory=/home/yourusr/yourweb/frontend
ExecStart=/usr/bin/npm run dev
Restart=always
RestartSec=3

[Install]
WantedBy=multi-user.target

如果你使用了nvm来管理Node.js,那么你应该做如下修改

bash 复制代码
[Unit]
Description=React Frontend Dev Server
After=network.target

[Service]
Type=simple
User=root
WorkingDirectory=/home/yourusr/yourweb/frontend
Environment="NVM_DIR=/root/.nvm"
ExecStart=/bin/bash -c 'source $NVM_DIR/nvm.sh && nvm use 22.15.0 && npm run dev'
Restart=always
RestartSec=3

[Install]
WantedBy=multi-user.target

1.2后端配置

编写fastapi启动脚本,在/home/youruser/backend/start_backend.sh写入:

bash 复制代码
#!/bin/bash
cd /home/yourweb/backend
source venv/bin/activate
exec uvicorn server:app --host 0.0.0.0 --port 8000 --workers 1

如果使用conda管理环境,脚本文件的内容写入如下:

bash 复制代码
#!/bin/bash

cd /home/yourweb/backend
# 加载 conda 环境(确保 conda 可用)
source /home/youruser/miniconda3/etc/profile.d/conda.sh

# 激活 conda 虚拟环境
conda activate myenv

# 启动 Uvicorn
exec uvicorn server:app --host 0.0.0.0 --port 8000 --workers 1

Tip: 把 /home/youruser/miniconda3 替换为你实际的 conda 安装路径(可用 which conda 看一下)

然后授予可执行权限

bash 复制代码
chmod +x /home/yourweb/backend/start_backend.sh

创建systemd服务文件

bash 复制代码
sudo nano /etc/systemd/system/backend.service

内容如下:

bash 复制代码
[Unit]
Description=FastAPI Backend Service
After=network.target

[Service]
Type=simple
User=youruser
ExecStart=/home/youruser/yourweb/backend/start_backend.sh
WorkingDirectory=/home/youruser/yourweb/backend
Restart=always
RestartSec=3

[Install]
WantedBy=multi-user.target

2.启停管理

2.1 前端服务启停

命令如下:

bash 复制代码
sudo systemctl daemon-reload
sudo systemctl start frontend
sudo systemctl enable frontend
sudo systemctl status frontend #查看运行状态

2.2 后端服务启停

命令如下:

bash 复制代码
sudo systemctl daemon-reload
sudo systemctl start backend
sudo systemctl enable backend
sudo systemctl status backend # 查看运行状态
相关推荐
hedley(●'◡'●)22 分钟前
基于cesium和vue的大疆司空模仿程序
前端·javascript·vue.js·python·typescript·无人机
qq5_81151751523 分钟前
web城乡居民基本医疗信息管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
百思可瑞教育24 分钟前
构建自己的Vue UI组件库:从设计到发布
前端·javascript·vue.js·ui·百思可瑞教育·北京百思教育
百锦再24 分钟前
Vue高阶知识:利用 defineModel 特性开发搜索组件组合
前端·vue.js·学习·flutter·typescript·前端框架
liu****43 分钟前
2.深入浅出理解虚拟化与容器化(含Docker实操全解析)
运维·c++·docker·容器·虚拟化技术
starfire_hit1 小时前
JAVAWEB根据前台请求获取用户IP
java·服务器·网络
CappuccinoRose1 小时前
JavaScript 学习文档(二)
前端·javascript·学习·数据类型·运算符·箭头函数·变量声明
池央1 小时前
CANN 诊断工具链深度解析:oam-tools 的自动化故障信息收集、软硬件状态快照与 AI Core 错误溯源机制
运维·人工智能·自动化
这儿有一堆花1 小时前
Vue 是什么:一套为「真实业务」而生的前端框架
前端·vue.js·前端框架
全栈前端老曹1 小时前
【MongoDB】深入研究副本集与高可用性——Replica Set 架构、故障转移、读写分离
前端·javascript·数据库·mongodb·架构·nosql·副本集