gitlab ci/cd自动化部署流程

缺乏、安全感 2022-12-26 08:13 325阅读 0赞

### 环境安装 ###

*  nginx安装（这里不做讲述）
 *  git安装
 *  gitlab安装
 *  gitlab-runner

> nginx默认指向/gitci/ci/dist目录，这里我们在**root**账户里**只创建/gitci**，**至于/ci/dist**使我们在**其他用户gitlab-runner**里面完成，下面是具体操作

### gitlab-runner安装流程 ###

*  curl -L https://packages.gitlab.com/install/repositories/runner/gitlab-ci-multi-runner/script.rpm.sh | sudo bash
 *  yum install gitlab-ci-multi-runner
 *  gitlab-ci-multi-runner register

gitlab-ci-multi-runner register是注册流程，填入信息如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 1]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][20201203180204348.png]

> 下面是我们关键步骤

*  一般来说，在我们启动gitlab-runner后，他会自动给咱们创建一个gitlab-runner用户

### 自动化部署步骤 ###

##### 在root账户下创建/gitci文件夹 #####

mkdir /gitci

这里我们创建gitci，是nginx映射的目录，我的仓库名字叫ci，nginx映射的目录是/gitci/ci/dist

**这里最好在root账户下创建目录，切换到其他用户可能会提示权限不足问题**

##### 查看gitlab-runner对应的用户名，用户组 #####

groups gitlab-runner

##### 更新gitlab-runner密码 #####

passwd gitlab-runner

##### 切换gitlab-runner用户登录 #####

su gitlab-runner

**这里我们切换gitlab-runner用户登录目的，是为了避免权限不足，因为如果是在root账户下操作，所有的文件权限都属于root，在执行git pull命令时会提示权限不足问题**

##### 为gitlab-runner生成ssh-key文件 #####

这一步作用是在科隆仓库代码时，可以免密

*  mkdir -p /home/gitlab-runner/.ssh
 *  cd /home/gitlab-runner/.ssh
 *  ssh-keygen  
    在执行第三步，一直按enter就行  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 3]
 *  查看ssh秘钥：vim /home/gitlab-runner/.ssh/id\_rsa.pub

##### 将ssh秘钥复制到我们的git仓库里面 #####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 4]  
完成以后可以看到我们刚才添加的秘钥  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 5]

##### 在/gitci目录下克隆代码 #####

git clone 你的ssh url

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 6]

##### 剩余步骤（在本地代码仓库里面操作） #####

> 这里需要注意是**本地代码仓库**，不是你的linux服务器！！！

> 同时注意，**必须包含 .git-ci.yml文件**，否则将无法打包

*  cd 本地代码仓库 **cd到你的本地目录里面**
 *  git add .
 *  git commit -m ‘自动化部署’
 *  git push -u origin master

.gitlab-ci.yml

#当Runner通过轮询检测到gitlab上有任务时，就会执行这个文件
    #个人不是很熟yml的语法以及详细配置，都是找猫画虎的，求各位大神提出优化意见
    # git clone https://用户名:密码@git网址
    # 用户名@改成%40
    stages:
      - update
      - test
      - build
    
    #更新代码并且安装依赖
    update:
      stage: update
      script:
        - cd /gitci/ci      #先进入到项目目录下，下面同理
        - whoami
        - groups gitlab-runner
        - git pull
        - npm install
      tags:                       #这里的tags一定要属于注册时填的tags中，下面同理
        - update
    
    #执行单元测试
    test:
      stage: test
      script:
        - cd /gitci/ci
      tags:
        - test
    
    #打包
    build:
      stage: build
      script:
        - cd /gitci/ci
        - npm run build
      tags:
        - build

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 7]  
上面圈住的内容，对应的就是我们上面所讲的tag，在注册时每个tag都用**英文逗号**隔开！！！

将本地代码推送到你的**线上代码仓库里面**

##### 执行完上面步骤，再去看我们的自动化流程 #####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 8]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 9]  
打包成功以后，会有一个dist目录  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 10]

> nginx就指向这个dist目录

##### 上面就是所讲的gitlab ci自动化操作流程 #####

### 注意点 ###

这里我们最常遇到的就是**权限问题**，在各种百度操作以后，发现网上的方法包括：

> 设置777权限 sudo chmod -R 777 /工作目录  
> 给我们的.git重新设置拥有者与组 chown gitlab-runner:gitlab-runner .git \*

**都不行**，后来通过切换到gitlab-runner用户，创建ssh key，再去clone我的代码，此时代码目录拥有者默认就是gitlab-runner，解决了以上问题

![在这里插入图片描述][20201203184455102.png]  
参考文章：[https://pibigstar.blog.csdn.net/article/details/82762413?utm\_medium=distribute.pc\_relevant\_t0.none-task-blog-OPENSEARCH-1.control&depth\_1-utm\_source=distribute.pc\_relevant\_t0.none-task-blog-OPENSEARCH-1.control][https_pibigstar.blog.csdn.net_article_details_82762413_utm_medium_distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.control_depth_1-utm_source_distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.control]

[https://juejin.cn/post/6844903728546316295][https_juejin.cn_post_6844903728546316295]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70]: /images/20221120/dbd4eecfae85480ea9cf225abc1f47c3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20201203180307226.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20201203180034974.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0,size_16,color_FFFFFF,t_70
[20201203180204348.png]: https://img-blog.csdnimg.cn/20201203180204348.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/202012031819475.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20201203182248483.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20201203182329414.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 6]: https://img-blog.csdnimg.cn/20201203182534306.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 7]: https://img-blog.csdnimg.cn/20201203183335798.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 8]: https://img-blog.csdnimg.cn/20201203183812392.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 9]: https://img-blog.csdnimg.cn/2020120318391736.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70 10]: https://img-blog.csdnimg.cn/20201203184153770.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0,size_16,color_FFFFFF,t_70
[20201203184455102.png]: https://img-blog.csdnimg.cn/20201203184455102.png
[https_pibigstar.blog.csdn.net_article_details_82762413_utm_medium_distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.control_depth_1-utm_source_distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.control]: https://pibigstar.blog.csdn.net/article/details/82762413?utm_medium=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.control&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-OPENSEARCH-1.control
[https_juejin.cn_post_6844903728546316295]: https://juejin.cn/post/6844903728546316295