使用GitHub Actions和Nginx实现自动化部署

简介: 使用GitHub Actions和Nginx实现自动化部署

要使用GitHub Actions和Nginx实现自动化部署,可以按照以下步骤操作:

 

1. **准备Nginx服务器**:在服务器上安装和配置Nginx,确保Nginx能够正常运行。

 

2. **创建GitHub仓库**:在GitHub上创建一个新的仓库,用于存储你的项目代码。

 

3. **创建GitHub Actions工作流**:在项目中创建`.github/workflows`目录,并在该目录下创建一个YAML文件,用于定义GitHub Actions工作流。示例内容如下:

 

```yaml
   name: Deploy to Nginx
 
   on:
     push:
       branches:
         - main
 
   jobs:
     deploy:
       runs-on: ubuntu-latest
 
       steps:
         - name: Checkout code
           uses: actions/checkout@v2
 
         - name: Install dependencies
           run: |
             sudo apt-get update
             sudo apt-get install nginx -y
 
         - name: Copy files to Nginx directory
           run: |
             sudo cp -r * /var/www/html/
 
         - name: Restart Nginx
           run: sudo systemctl restart nginx
   ```

 

  这个示例工作流在`main`分支上的每次push事件时运行,它会安装Nginx,将项目文件复制到Nginx的HTML目录下,并重启Nginx。

 

4. **提交代码到GitHub仓库**:将你的项目代码提交到GitHub仓库,触发GitHub Actions工作流。

 

5. **验证部署**:访问Nginx服务器的IP地址或域名,验证部署是否成功。

 

这里是一个更完整的示例代码,演示了如何使用GitHub Actions和Nginx实现自动化部署一个简单的静态网站。

 

1. **创建GitHub仓库**:创建一个新的GitHub仓库并将以下文件添加到仓库中:

 

  - `index.html`:一个简单的HTML文件,作为你的静态网站首页。

  - `.github/workflows/deploy.yml`:用于定义GitHub Actions工作流的YAML文件。

 

2. **index.html**:

 

```html
   <!DOCTYPE html>
   <html>
   <head>
       <title>Auto Deploy Example</title>
   </head>
   <body>
       <h1>Hello, Auto Deploy!</h1>
   </body>
   </html>
   ```

 

3. **.github/workflows/deploy.yml**:

 

```yaml
   name: Deploy to Nginx
 
   on:
     push:
       branches:
         - main
 
   jobs:
     deploy:
       runs-on: ubuntu-latest
 
       steps:
         - name: Checkout code
           uses: actions/checkout@v2
 
         - name: Install Nginx
           run: sudo apt-get update && sudo apt-get install nginx -y
 
         - name: Copy files to Nginx directory
           run: sudo cp -r * /var/www/html/
 
         - name: Restart Nginx
           run: sudo systemctl restart nginx
   ```

 

4. **提交代码**:将以上文件添加到GitHub仓库并提交。

 

这个示例假设我们已经有一个运行Nginx的服务器,并且具有sudo权限。工作流将在每次将代码推送到GitHub仓库的`main`分支时运行,它会安装Nginx,将`index.html`文件复制到Nginx的HTML目录下,并重启Nginx。

 

这里是一个带有环境变量配置的示例,可以根据需要修改Nginx的配置文件。

 

```yaml
name: Deploy to Nginx
 
on:
  push:
    branches:
      - main
 
jobs:
  deploy:
    runs-on: ubuntu-latest
 
    steps:
      - name: Checkout code
        uses: actions/checkout@v2
 
      - name: Install Nginx
        run: sudo apt-get update && sudo apt-get install nginx -y
 
      - name: Copy files to Nginx directory
        run: sudo cp -r * /var/www/html/
 
      - name: Set up Nginx configuration
        run: |
          sudo bash -c 'cat > /etc/nginx/sites-available/default <<EOF
          server {
            listen 80;
            server_name _;
            root /var/www/html;
            index index.html;
 
            location / {
              try_files \$uri \$uri/ =404;
            }
          }
          EOF'
 
      - name: Enable Nginx site
        run: sudo ln -s /etc/nginx/sites-available/default /etc/nginx/sites-enabled/
 
      - name: Restart Nginx
        run: sudo systemctl restart nginx
```

 

这个示例假设我们的Nginx配置文件是默认的`/etc/nginx/sites-available/default`,并且我们希望使用默认的Nginx配置来服务你的静态网站。如果我们有自定义的Nginx配置,请相应地修改`/etc/nginx/sites-available/default`的内容。

目录
相关文章
利用 GitHub Actions 自动化你的软件开发流程
GitHub Actions 是由 GitHub 提供的自动化工具,可让你在仓库中触发和执行自动化工作流程,如自动运行测试和部署应用。其核心概念包括工作流程(定义在 YAML 文件中的一系列自动化步骤)、作业和步骤。本文将指导你如何设置和使用 GitHub Actions,并提供实用的自动化示例,帮助你提高开发效率和代码质量。通过简单的配置文件,你可以实现自动运行测试、部署应用甚至自动合并 Pull Requests。
利用 GitHub Actions 自动化你的软件开发流程
在现代软件开发中,自动化是提升效率与质量的关键。GitHub Actions 作为 GitHub 的强大自动化工具,允许你在仓库中自动执行多种任务,如测试、打包、部署代码及自动合并 Pull Requests。本文介绍了 GitHub Actions 的核心概念、设置方法及其实用示例,帮助你快速上手并优化开发流程。通过 YAML 文件定义的工作流程可显著提高工作效率和代码质量。
|
22天前
|
开发者
利用 GitHub Actions 自动化你的软件开发流程
在快速发展的软件开发环境中,自动化对于提升效率与质量至关重要。GitHub Actions 作为一款强大的工具,能帮助开发者实现从自动运行测试到部署应用等工作的自动化。本文详细介绍了 GitHub Actions 的核心概念、设置方法及实际应用示例,如自动测试、部署和合并 Pull Requests,助力提升开发流程的自动化水平。
利用 GitHub Actions 自动化你的软件开发流程
GitHub Actions 是 GitHub 提供的自动化工具,可在仓库中触发和执行工作流程,包括自动运行测试、部署应用等。其核心概念包括工作流程(Workflow)、作业(Job)和步骤(Step),均定义在 YAML 文件中。本文将指导你如何设置和使用 GitHub Actions,并提供自动运行测试、部署应用及合并 Pull Requests 的示例,帮助提高开发效率和代码质量。
|
14天前
|
缓存 前端开发 JavaScript
终极 Nginx 配置指南(全网最详细)
本文详细介绍了Nginx配置文件`nginx.conf`的基本结构及其优化方法。首先通过删除注释简化了原始配置,使其更易理解。接着,文章将`nginx.conf`分为全局块、events块和http块三部分进行详细解析,帮助读者更好地掌握其功能与配置。此外,还介绍了如何通过简单修改实现网站上线,并提供了Nginx的优化技巧,包括解决前端History模式下的404问题、配置反向代理、开启gzip压缩、设置维护页面、在同一IP上部署多个网站以及实现动静分离等。最后,附上了Nginx的基础命令,如安装、启动、重启和关闭等操作,方便读者实践应用。
204 84
终极 Nginx 配置指南(全网最详细)
|
2天前
|
JavaScript 应用服务中间件 开发工具
vue尚品汇商城项目-day07【53.nginx反向代理配置】
vue尚品汇商城项目-day07【53.nginx反向代理配置】
13 4
|
2天前
|
缓存 应用服务中间件 nginx
nginx如何配置?配置项都是什么意思?
nginx如何配置?配置项都是什么意思?
12 1
|
6天前
|
应用服务中间件 nginx Docker
docker应用部署---nginx部署的配置
这篇文章介绍了如何使用Docker部署Nginx服务器,包括搜索和拉取Nginx镜像、创建容器并设置端口映射和目录映射,以及如何创建一个测试页面并使用外部机器访问Nginx服务器。
|
2月前
|
应用服务中间件 nginx Docker
本地通过域名访问虚拟机上nginx的服务、搭建域名访问环境一(反向代理配置)
这篇文章介绍了如何通过域名在本地访问虚拟机上的nginx服务,包括创建nginx容器、修改配置文件、修改本地host文件以及进行访问测试的详细步骤。文章提供了具体的Docker命令来创建并配置nginx容器,展示了配置文件的修改示例,说明了如何在本地系统的hosts文件中添加虚拟机IP和自定义域名,以及如何通过浏览器进行测试访问。
本地通过域名访问虚拟机上nginx的服务、搭建域名访问环境一(反向代理配置)
|
26天前
|
应用服务中间件 nginx
一文搞定Nginx配置RTMP!
一文搞定Nginx配置RTMP!
60 3
下一篇
无影云桌面