CICD:github actions 实现CICD

持续集成解决什么问题

  • 提高软件质量
  • 效率迭代
  • 便捷部署
  • 快速交付、便于管理

持续集成(CI)

集成,就是一些孤立的事物或元素通过某种方式集中在一起,产生联系,从而构建一个有机整体的过程。

持续,就是指长期的对项目代码进行集成。

持续集成是指将所有开发者工作副本每天多次合并到主干的做法。

持续集成强调开发人员提交了新代码之后,立刻进行构建、测试。根据测试结果,我们可以确定新代码和原有代码能否正确地集成在一起。

持续部署(CD)

对于一个成熟的CICD管到来说,最后的阶段就是持续部署。作为持续交付------自动将生产就绪型构建版本发不到代码存储库的延伸。

持续集成组成要素

一个最小化的持续集成系统需要包含以下几个要素:

  • 版本管理系统
  • 构建脚本和工具
  • CI服务器

github actions 实现 部署github pages

  1. 在项目中创建.github/workflows目录然后创建.yml文件,配置工作流。

    yaml 复制代码
    # Sample workflow for building and deploying a Hugo site to GitHub Pages
    name: Deploy wisdomwindy site pages
    
    on:
      # Runs on pushes targeting the default branch
      push:
        branches: [$default_branch]
    
      # Allows you to run this workflow manually from the Actions tab
      workflow_dispatch:
    
    jobs:
      # Build job
      build:
        runs-on: ubuntu-latest
        steps:
          # 检出代码
          - name: checkout
            uses: actions/checkout@v3
            with:
              fetch-depth: 0
          - name: Git Configuration
            run: |
              git config --global core.quotePath false
              git config --global core.autocrlf false
              git config --global core.safecrlf true
              git config --global core.ignorecase false  
          # 安装 PNPM
          - name: setup PNPM
            uses: pnpm/action-setup@v2
            with:
              version: latest
          # 安装 node
          - name: Setup Node
            uses: actions/setup-node@v3
            with:
              node-version: 18.18.1
              registry-url: https://registry.npmjs.org
              cache: pnpm
          # 安装依赖
          - name: Install dependencies
            run: pnpm i --frozen-lockfile
          # 打包
          - name: Build
            run: pnpm build
          # 部署
          - name: Deploy GitHub Pages
            uses:  JamesIves/github-pages-deploy-action@v4
            with:
              branch: pages
              folder: docs
  2. 在github项目仓库中点击actions查看工作流是否工作,如果没有工作点击,右边的按钮选中run workflow,即可运行工作流。

如果出现The deploy step encountered an error: The process '/usr/bin/git' failed with错误,在当前项目仓库的settings页面中点击actions,选中general,在Fork pull request workflows from outside collaborators配置项中选中第一个,在Workflow permissions配置项中选中第一个,且在yml配置文件中不能再次设置权限。

相关推荐
卷帘依旧43 分钟前
SSE(Server-Sent Events)完全指南
前端
码云之上44 分钟前
万星入坞:我们如何用三层插件体系干掉巨石应用
前端·架构·前端框架
kyriewen1 小时前
一口气讲清楚 Monorepo、Turborepo、pnpm、Changesets 到底是什么?
前端·架构·前端工程化
IT_陈寒2 小时前
React性能优化踩的坑,这个错你可能也会犯
前端·人工智能·后端
zhangxingchao2 小时前
AI应用开发三:RAG技术与应用
前端·人工智能·后端
摘星小杨2 小时前
如何在前端循环调取接口,实时查询数据
开发语言·前端·javascript
Hilaku2 小时前
从搜索排名到 AI 回答? 先聊一聊 AI 可见度工具 BuildSOM !
前端·javascript·程序员
zzmgc42 小时前
纯静态 + Web Worker + 虚拟滚动:我是怎么让浏览器吃下 10MB JSON 不卡的
前端·架构
辰同学ovo2 小时前
用 Chrome DevTools MCP 给 AI 写的页面做“质检“
前端·人工智能·chrome devtools
乌托邦3 小时前
uni-mini-ci:让 uniapp 小程序构建后自动预览和上传
前端·vue.js·uni-app