返回

一步部署 GitHub 代码到服务器:傻瓜式指南

前端

如何一键将 GitHub 代码部署到服务器?

在当今快节奏的开发环境中,高效便捷地将代码部署到服务器至关重要。对于 GitHub 用户来说,手动部署代码可能既耗时又容易出错。为了解决这一痛点,本文将引导你一步步完成设置,让你只需单击一下即可将 GitHub 代码部署到服务器。

准备工作:

在开始之前,确保你已经:

  • 在 GitHub 上拥有一个代码仓库
  • 在服务器上设置了一个 Web 服务器(如 Apache 或 Nginx)
  • 安装了 Git 和 SSH 客户端

设置 SSH 密钥:

为了安全地从 GitHub 连接到服务器,我们需要设置 SSH 密钥。这将允许你无需输入密码即可连接到服务器。请按照以下步骤操作:

  1. 在本地计算机上生成 SSH 密钥:ssh-keygen -t rsa -b 4096
  2. 将公钥添加到 GitHub:将 ~/.ssh/id_rsa.pub 文件的内容复制到 GitHub 的 SSH 密钥设置中
  3. 将私钥添加到服务器:将 ~/.ssh/id_rsa 文件的内容复制到服务器上的 ~/.ssh/authorized_keys 文件中

配置部署管道:

现在,让我们在 GitHub 中设置一个部署管道,以便在每次提交时自动触发部署。

  1. 在 GitHub 仓库中,转到 "Actions" 选项卡
  2. 点击 "设置新的工作流程"
  3. 选择 "使用 YAML 文件"
  4. 将以下内容复制到 YAML 文件中:
name: Deploy to Server

on:
  push:
    branches: [ main ]

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '16'
      - run: npm ci
      - run: npm run deploy
  1. 替换 npm run deploy 命令为你自己的部署命令
  2. 点击 "保存并运行"

自定义部署脚本:

在上面的 YAML 文件中,npm run deploy 命令将触发你的自定义部署脚本。你可以根据需要修改此脚本以执行以下操作:

  • 克隆仓库
  • 安装依赖项
  • 构建代码
  • 部署到服务器

使用 CI/CD 工具:

除了 GitHub Actions,你还可以使用其他 CI/CD 工具(如 Jenkins、Travis CI 或 CircleCI)来自动化部署过程。这些工具提供了更广泛的功能,例如并行构建、测试和部署。

结论:

通过遵循本指南,你将能够一键将 GitHub 代码部署到服务器。这将大大简化你的工作流程,节省时间并减少错误。拥抱自动化,让部署过程变得轻而易举!