服务器使用指南（适用于前端开发者）

服务器使用指南（适用于前端开发者）

作为前端开发者，我们经常需要服务器来部署项目，但很多新手对服务器的配置不太熟悉。本指南将帮助你快速上手，从购买服务器到部署前端项目，涵盖必要的步骤和工具。

1. 购买服务器并连接

1.1 选择服务器

推荐使用 阿里云 轻量应用服务器，适合个人开发者。

1.2 获取服务器信息

购买后，在阿里云控制台获取 公网 IP、用户名 和 密码。

1.3 连接服务器

使用 Xshell 连接服务器：

ssh root@你的服务器IP

首次连接可能需要确认指纹信息，输入 yes 继续。

1.4 更新系统

sudo yum update -y # CentOS
sudo apt update -y # Ubuntu

2. 安装必要工具

2.1 核心工具链

• 宝塔面板（推荐，可视化管理）
• Git（代码管理）
• Nginx（Web 服务器）
• SSH 密钥登录（提升安全性）

2.2 安装宝塔面板（推荐）

curl -sSO http://download.bt.cn/install/install_panel.sh && bash install_panel.sh

安装完成后，访问 http://服务器IP:34567，完成初始化。

注意：需在阿里云 安全组 开放 34567 端口 才能访问。

2.3 通过宝塔安装 LNMP

在宝塔面板中：

• 推荐 LNMP（Linux + Nginx + MySQL + PHP）

  

• Nginx 更适合前端项目，MySQL/PHP 可按需选择。

3. 部署前端项目

3.1 上传代码到服务器

方式 1：Git 拉取（推荐）

# 安装 Git
sudo yum install git -y # CentOS
sudo apt install git -y # Ubuntu

# 拉取代码
git clone https://github.com/yourusername/your-project.git /www/wwwroot/your-project

方式 2：手动上传 在宝塔面板 → 文件管理，上传 ZIP 包并解压。

3.2 配置 Nginx

在宝塔面板 → 网站 → 添加站点，绑定域名/IP，并指定项目目录。

Nginx 配置示例（前端项目）

server {
listen 80;
server_name your-domain.com;

location / {
root /www/wwwroot/your-project/dist;
index index.html;
try_files $uri $uri/ /index.html;
}
}

3.3 配置 HTTPS（推荐）

• 在宝塔面板 SSL 选项 申请 Let’s Encrypt 免费证书。
• 申请成功后，开启 强制 HTTPS。

4. 服务器安全加固

4.1 配置防火墙

开放必要端口（HTTP、HTTPS、SSH）：

sudo firewall-cmd –permanent –add-service={http,https,ssh}
sudo firewall-cmd –reload

4.2 禁用 Root 登录 + 使用 SSH 密钥

编辑 SSH 配置文件：

sudo nano /etc/ssh/sshd_config

修改以下参数：

PermitRootLogin no # 禁用 root 登录
PasswordAuthentication no # 强制使用 SSH 密钥

重启 SSH 服务：

sudo systemctl restart sshd

4.3 创建普通用户（提升安全性）

sudo useradd -m -s /bin/bash yourname
sudo passwd yourname
sudo usermod -aG sudo yourname

5. 自动化与运维

5.1 使用 PM2 管理 Node.js 项目（如有）

npm install pm2 -g
pm run build
pm2 start npm –name "your-app" — run start
pm2 save
pm2 startup # 设置开机自启

5.2 自动拉取最新代码

• 方式 1：Git Webhook
• 方式 2：宝塔计划任务 定时拉取代码

5.3 监控服务器状态

• 宝塔面板提供基础监控
• 企业级可使用 Prometheus + Grafana 进行高级监控。

docker run -d –name prometheus -p 9090:9090 prom/prometheus

6. 避坑指南

• 避免安装过多组件，只安装必要工具，节省资源。
• 优先使用 Nginx，Apache 适用于特定需求但较复杂。
• 修改默认端口，防止被扫描攻击。

cker run -d –name prometheus -p 9090:9090 prom/prometheus

——

## 6. 避坑指南

– **避免安装过多组件**，只安装必要工具，节省资源。
– **优先使用 Nginx**，Apache 适用于特定需求但较复杂。
– **修改默认端口**，防止被扫描攻击。

——

至此，你已经完成了服务器的基础配置，并成功部署前端项目！🎉 如果有问题，欢迎留言交流。