美文网首页
CI/CD 前端github自动化部署到阿里云

CI/CD 前端github自动化部署到阿里云

作者: 我不是完美的小孩 | 来源:发表于2021-04-20 10:43 被阅读0次

以下全是自己躺坑出来的干货。

准备工作:
1.git代码仓库,我用的github, 其他的仓库原理都是一样的。
2.阿里云服务器

开干:

第一步

在git代码仓库添加 .github/workflows/ci.yml 文件,内容

name: CI

on:
  push:
    branches:
      - master

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: 迁出代码
        uses: actions/checkout@master

      - name: 安装node.js
        uses: actions/setup-node@v1
        with:
          node-version: "14.16.1"

      - name: 安装依赖
        run: npm install

      - name: 打包
        run: npm run build

      - name: 发布到阿里云
        uses: easingthemes/ssh-deploy@v2.1.5
        env:
          #私钥
          SSH_PRIVATE_KEY: ${{ secrets.PRIVATE_KEY }}
          #SCp参数
          ARGS: "-rltgoDzvO --delete"
          #源目录
          SOURCE: "dist/"
          #服务器Ip:换成你的服务器iP
          REMOTE_HOST: "47.114.3.158"
          #用户
          REMOTE_USER: "root"
          #目标地址
          TARGET: "/root/vite_test"

第二步

配置服务器密钥:(密钥在文件在 /root/.ssh/ 目录下)

进入阿里云服务器,执行命令行,生成密钥:

ssh-keygen -m PEM -t rsa -b 4096 -C "你的git邮箱地址"

三个回车就可以了。

将公钥保存到 authorized_keys 文件中:cat ~/.ssh/id_rsa.pub >> ~/.ssh/authorized_keys
然后看看id_rsa.pub和authorized_keys文件里的内容是不是一样的,如果不是一样的,说明没有更改成功,就需要下面的操作了,如果是一样的,直接看第三步。
authorized_keys无法修改,是因为,authorized_keys文件被锁定,需要对该文件进行解锁:

查看加锁: lsattr .ssh/authorized_keys
解锁:chattr -ia .ssh/authorized_keys

然后将 id_rsa.pub 文件内容复制到 authorized_keys 文件内,保存。
这样文件内容就同步了。

第三步

将密钥同步到 github 仓库


设置
添加密钥

Name 字段填写的就是对应 yml 文件中密钥 SSH_PRIVATE_KEY 字段的名字,我这里取的是 PRIVATE_KEY,
Value 字段填写服务器生成的私钥 id_rsa 文件的内容。
然后再设置 github 公钥:


设置公钥
设置公钥
Title 随意取,Key 填写服务器 id_rsa.pub 生成的公钥的内容。

第四步

配置已经完成了,走起来:提交 git 更新,也就推送一个本地的到 git 上,就会自动激活 yml 脚本。
进入 github 。


嗯嗯

第一次失败,如果你也遇到和我一样的问题,干掉它。
code 255 权限不够,被拒绝了,也就是没有权限访问 authorized_keys 里面的公钥,那就去服务器修改 authorized_keys 的权限。
执行命令行修改authorized_keys的权限:

chmod 700 /root/.ssh/authorized_keys
(权限千万不能赋予777,否则免密登录是无法生效的,因为 authorized_keys 默认是自己唯一写权限的)

ok
然后重新运行 git job,


运行

完美,最后检查一下服务器,打包的内容在不在我指定的文件内,


检查文件

没问题,完结,撒花。。。

相关文章

  • CI/CD 前端github自动化部署到阿里云

    以下全是自己躺坑出来的干货。 准备工作:1.git代码仓库,我用的github, 其他的仓库原理都是一样的。2.阿...

  • vue+Jenkins前端自动化部署

    前言 前端自动化是指前端代码的自动化构建、打包、测试及部署等流程前端自动化通常与持续集成CI/持续部署CD流程相结...

  • 配置gitlab-runner定时流水线

    使用gitlab-ci执行自动化部署,参照gitlab-runner执行自动化CI/CD部署,每当想gitlab提...

  • web组CI

    前端基于gitlab的持续化集成CI和自动化部署CD 现在已经完成了在gitlab上的持续化集成,和测试环境的自动...

  • 通过GitHub Action发布vuepress到github

    GitHub Action 的概念 Github action 可以帮助我们完成持续集成(CI)和持续部署(CD)...

  • Halo 开源项目使用jsdelivr进行CDN加速.

    Halo项目前后端分离. 此时将后端项目部署到阿里云, 前端项目上传至Github, 通过jsdelivr进行中国...

  • GitHub Actions 初尝试

    需求:希望提交代码后能自动发布到 Github Pages 总是听说什么自动化,什么 CI/CD ,本文不涉及原理...

  • 了解CI/CD流水线

    自动化流水线在CI/CD(持续集成/持续交付或持续部署)的实践中发挥着核心作用。本文将对什么是CI/CD流水线、如...

  • Jenkins基础篇18-Jenkins发布代码到指定服务器

    前面已经完成基“Git + Maven + Jenkins 实现自动化部署”CI阶段,今天完成CD阶段。本篇文章主...

  • 持续集成基础

      CI/CD 的核心概念是持续集成、持续交付和持续部署。  持续集成,它属于开发人员的自动化流程。成功的 CI ...

网友评论

      本文标题:CI/CD 前端github自动化部署到阿里云

      本文链接:https://www.haomeiwen.com/subject/xmiglltx.html