gitlab-ci前端在阿里云实现nodejs可持续化集成部署

缺乏、安全感 2021-12-14 13:39 279阅读 0赞

## 前言 ##

不甘心当一个切图仔，所以什么都要学一下；可持续化集成是一个项目工程架构的问题；但在这篇文章中我将它缩小到了前端的领域内。

## 必要条件 ##

*  一台阿里云服务器-2核4G以上(CentOS7-ECS我的心好痛800大洋)

## 技术栈 ##

*  linux操作基础
 *  git/github/gitlab
 *  nodejs环境基础

## 步骤 ##

*  阿里云安装git
 *  阿里云安装gitlab(8.0开始默认支持gitlab-ci)
 *  阿里云安装gitlab-runner
 *  写测试.gitlab-ci.yml
 *  tag自动运行nodejs项目实践

## 阿里云安装git ##

安装Git工具linux：安装Git，使用自带的源安装。

yum install git

## 阿里云安装gitlab ##

1.安装依赖包。

sudo yum install -y curl policycoreutils-python openssh-server

2.设置SSH开机自启动并启动SSH服务。

sudo systemctl enable sshd
    sudo systemctl start sshd

3.添加GitLab软件包仓库。

curl https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.rpm.sh | sudo bash

4.安装GitLab。

sudo EXTERNAL_URL="GitLab服务器的公网IP地址" yum install -y gitlab-ce

我的ip是这个39.100.42.98；然后开放了一个8888端口（记得去阿里云管理平台上开放）；所以我的 GitLab服务器的公网IP地址 是 `http://39.100.42.98:8888`  
5.安装成功就可以访问了  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70]  
6.登录GitLab  
在浏览器的地址栏中输入ECS服务器的公网IP即可登录GitLab的界面，第一次登录使用的用户名和密码为 root 和 5iveL!fe。  
首次登录会强制用户修改密码。密码修改成功后，输入新密码进行登录。

7.小结：  
这个gitlab相对于是一个正常的gitlab/github;我们可以在上面创建自己的项目，它同样支持我们在本地电脑的git连接传输数据(同样需要设置ssh密钥)  
[参考地址][Link 1]

## 阿里云安装gitlab-runner ##

1.官方安装-[参考地址][Link 2]  
如果你英语不是很好的话也不要担心，其实就是复制那行运行代码运行而已！  
2.清华镜像包-[参考地址][Link 2]  
由于我买的服务器是国内的，不能用官方安装所以只能用清华的镜像包(你懂得万里长城)。安装过程也不难，仔细点，耐心点就ok了。  
3.[详细的教程][Link 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70 1]  
成功后我们服务器上会有一个gitlab-runner文件夹，它会直接同步我们gitlab上开启了runner的项目到它这里。

## 写测试.gitlab-ci.yml ##

1.在我们的gitlab上创建一个项目，我命名为`ci-vue-cli`  
2.将该项目克隆到我们的本地电脑，然后在该目录下添加一个`.gitlab-ci.yml`文件  
内容就随便写一个job吧

job:
      script:
        - whoami
        - pwd

记住要将这个项目的runner启动（我gitlab-runner是默认安装的）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70 2]  
3.本地提交代码后，发现我们的job已经启动了，而且成功  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70 3]

## tag自动运行nodejs项目实践 ##

1.在阿里云上安装nodejs环境  
我用的是nvm控制，所以踩了一个npm命令-无效/未定义-的坑

2.待续。。。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70]: /images/20211214/16c16087ceed492cb9691a1e591f6d31.png
[Link 1]: https://help.aliyun.com/document_detail/52857.html
[Link 2]: https://docs.gitlab.com/runner/install/osx.html
[Link 3]: https://juejin.im/post/5c8ef610f265da67e93c105c
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70 1]: /images/20211214/0e0b4fa571df40b693e31e1a8a84819c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70 2]: /images/20211214/4d4392797f064dc7bbc357a5d3b17bd9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2E0MTk0MTk_size_16_color_FFFFFF_t_70 3]: /images/20211214/c49ab00dee07432d9c0b9195698de3f9.png