服务器使用指南(适用于前端开发者)

打印 上一主题 下一主题

主题 2016|帖子 2016|积分 6048

服务器使用指南(适用于前端开发者)

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

1. 购买服务器并连接

1.1 选择服务器

保举使用 阿里云 轻量应用服务器,适合个人开发者。
1.2 获取服务器信息

购买后,在阿里云控制台获取 公网 IP用户名密码
1.3 连接服务器

使用 Xshell 连接服务器:
  1. ssh root@你的服务器IP
复制代码
首次连接大概需要确认指纹信息,输入 yes 继承。
1.4 更新体系

  1. sudo yum update -y   # CentOS
  2. sudo apt update -y   # Ubuntu
复制代码

2. 安装必要工具

2.1 焦点工具链



  • 宝塔面板(保举,可视化管理)
  • Git(代码管理)
  • Nginx(Web 服务器)
  • SSH 密钥登录(提升安全性)
2.2 安装宝塔面板(保举)

  1. 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 拉取(保举)
  1. # 安装 Git
  2. sudo yum install git -y  # CentOS
  3. sudo apt install git -y  # Ubuntu
  4. # 拉取代码
  5. git clone https://github.com/yourusername/your-project.git /www/wwwroot/your-project
复制代码
方式 2:手动上传 在宝塔面板 → 文件管理,上传 ZIP 包并解压。
3.2 配置 Nginx

在宝塔面板 → 网站添加站点,绑定域名/IP,并指定项目目录。
Nginx 配置示例(前端项目)

  1. server {
  2.     listen 80;
  3.     server_name your-domain.com;
  4.     location / {
  5.         root /www/wwwroot/your-project/dist;
  6.         index index.html;
  7.         try_files $uri $uri/ /index.html;
  8.     }
  9. }
复制代码
3.3 配置 HTTPS(保举)



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

4. 服务器安全加固

4.1 配置防火墙

开放必要端口(HTTP、HTTPS、SSH):
  1. sudo firewall-cmd --permanent --add-service={http,https,ssh}
  2. sudo firewall-cmd --reload
复制代码
4.2 禁用 Root 登录 + 使用 SSH 密钥

编辑 SSH 配置文件:
  1. sudo nano /etc/ssh/sshd_config
复制代码
修改以下参数:
  1. PermitRootLogin no       # 禁用 root 登录
  2. PasswordAuthentication no # 强制使用 SSH 密钥
复制代码
重启 SSH 服务:
  1. sudo systemctl restart sshd
复制代码
4.3 创建平凡用户(提升安全性)

  1. sudo useradd -m -s /bin/bash yourname
  2. sudo passwd yourname
  3. sudo usermod -aG sudo yourname
复制代码

5. 自动化与运维

5.1 使用 PM2 管理 Node.js 项目(如有)

  1. npm install pm2 -g
  2. pm run build
  3. pm2 start npm --name "your-app" -- run start
  4. pm2 save
  5. pm2 startup  # 设置开机自启
复制代码
5.2 自动拉取最新代码



  • 方式 1:Git Webhook
  • 方式 2:宝塔计划任务 定时拉取代码
5.3 监控服务器状态



  • 宝塔面板提供基础监控
  • 企业级可使用 Prometheus + Grafana 进行高级监控。
  1. 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 适用于特定需求但较复杂。
- **修改默认端口**,防止被扫描攻击。

------

至此,你已经完成了服务器的基础配置,并成功部署前端项目!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

怀念夏天

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表