服务器使用指南(适用于前端开发者)
作为前端开发者,我们常常需要服务器来部署项目,但很多新手对服务器的配置不太熟悉。本指南将帮助你快速上手,从购买服务器到部署前端项目,涵盖必要的步骤和工具。
1. 购买服务器并连接
1.1 选择服务器
保举使用 阿里云 轻量应用服务器,适合个人开发者。
1.2 获取服务器信息
购买后,在阿里云控制台获取 公网 IP、用户名 和 密码。
1.3 连接服务器
使用 Xshell 连接服务器:
首次连接大概需要确认指纹信息,输入 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
[code]
------
## 6. 避坑指南
- **避免安装过多组件**,只安装必要工具,节省资源。
- **优先使用 Nginx**,Apache 适用于特定需求但较复杂。
- **修改默认端口**,防止被扫描攻击。
------
至此,你已经完成了服务器的基础配置,并成功部署前端项目! |