利用drone ci自动化部署静态博客的完整步骤

目录

前言准备安装drone ci

1、docker-compose配置文件2、docker-compose配置文件主要参数详解

drone serverDRONE_SERVER_PROTO和DRONE_SERVER_HOSTDRONE_RPC_SECRETDRONE_USER_CREATEDRONE_DATABASE_DRIVERDRONE_DATABASE_DATASOURCEDRONE_GITEE_CLIENT_ID和DRONE_GITEE_CLIENT_SECRETdrone runner



3、执行部署



进入管理界面添加.drone.yml文件总结

前言

一直想自动化部署博客，但一直没有实施计划，直到最近有时间，就搞了起来。ci/cd的工具很多，我想drone ci应该是一款非常适合前端的工具，简单，轻量级，基于docker，支持主流代码托管网站，比如github，gitee，gitlab等等。

准备

我们需要一个已备案的域名和服务器，并申请好ssl证书，用于https证书。我是使用腾讯云的轻量级服务器，大家可以自行选择。至于域名备案和ssl证书申请，各个平台大同小异，大家按照其文档说明弄，应该不会有太多问题，就不一一赘述了。

在有了服务器后，我们需要安装docker和docker-compose，这样我们直接运行docker-compose配置文件就可以轻松安装好drone ci。本文主要是讲解drone ci，所以docker和docker-compose的安装和使用，大家可以自行学习，在此当做默认已经安装。

代码托管网站使用了gitee码云。

安装drone ci

1、docker-compose配置文件

通过docker-compose配置文件可以轻松安装drone ci，新建一个docker-compose.yml文件，内容如下

1. version: “3.7”
2. # 创建自定义网络
3. networks:
4.   drone:
5.     # external: false
6.     driver: bridge
7. services:
8.   # 数据库服务
9.   db:
10.     image: postgres:latest
11.     container_name: drone_db
12.     restart: always
13.     networks:
14.       – drone # 加入到drone网络
15.     ports:
16.       – “8081:5432” # 8081为容器暴露到服务器的端口，5432为容器内改应用的端口
17.     environment:
18.       – POSTGRES_USER=username # PGSQL默认用户名
19.       – POSTGRES_PASSWORD=password # PGSQL默认密码
20.       – POSTGRES_DB=db_name # PGSQL默认数据库的名字
21.     volumes:
22.       – /volumes/drone/db:/var/lib/postgresql/data # 数据卷，前者为服务器真实位置，后者为改应用在容器内的位置
23.   # Drone Server 服务
24.   server:
25.     image: drone/drone:latest
26.     container_name: drone_server
27.     restart: always
28.     networks:
29.       – drone # 加入到drone网络
30.     ports:
31.       – “7929:80”
32.       – “4443:443”
33.     environment:
34.       – DRONE_SERVER_PROTO=https # 访问协议，创建webHooks和重定向
35.       – DRONE_SERVER_HOST=xxxx.com # 主机名称，创建webHooks和重定向
36.       – DRONE_RPC_SECRET=xxxxxxxxx # 与 drone runner 通讯的密钥
37.       – DRONE_USER_CREATE=username:xxxxxx,admin:true # 管理员账户
38.       – DRONE_DATABASE_DRIVER=postgres # 数据库类型
39.       – DRONE_DATABASE_DATASOURCE=postgres://username:password@db/db_name?sslmode=disable # 数据库连接
40.       – DRONE_GIT_ALWAYS_AUTH=true # 使用 oauth 身份验证信息拉取代码
41.       – DRONE_GITEE_CLIENT_ID=xxxxxxxx # GITEE 客户端 id
42.       – DRONE_GITEE_CLIENT_SECRET=xxxxxxxxxxxx # GITEE 客户端 密钥
43.       – DRONE_GITEE_SKIP_VERIFY=false # 禁用 GITEE 链接时 tls 验证
45.     volumes:
46.       – /volumes/drone/server:/data
47.       – /var/run/docker.sock:/var/run/docker.sock
48.     depends_on:
49.       – db
50.   # Drone Docker Runner
51.   runner:
52.     image: drone/drone-runner-docker:latest # 目前drone-runner-docker最新版本为 1.8.0
53.     container_name: drone_runner
54.     restart: always
55.     networks:
56.       – drone # 加入到drone网络
57.     ports:
58.       – “7930:3000”
59.     environment:
60.       – DRONE_RUNNER_NAME=docker-runner
61.       – DRONE_RUNNER_CAPACITY=10 # 限制runner可执行的并发管道数量
62.       – DRONE_RPC_PROTO=https # 访问drone server 协议
63.       – DRONE_RPC_HOST=xxxxx.com # 访问drone server 服务器地址
64.       – DRONE_RPC_SECRET=xxxxxxx # 与 drone server 通讯的密钥
65.       – DRONE_UI_USERNAME=username # Drone Runner 的 UI 用户账号
66.       – DRONE_UI_PASSWORD=password # Drone Runner 的 UI 用户密码
67.       # – DRONE_RUNNER_NEТWORKS=drone_net
68.     volumes:
69.       – “/var/run/docker.sock:/var/run/docker.sock”
70.     depends_on:
71.       – server

复制代码
2、docker-compose配置文件主要参数详解

配置文件里一些常用参数在上面的注释里已经有解释，这里只讲解drone server和drone runner的配置项

drone server

基础的镜像版本，端口设置，网络设置不再赘述，这些都是docker compose最常见的配置，主要是environment里面的参数说明

DRONE_SERVER_PROTO和DRONE_SERVER_HOST

这个参数是在代码托管网站的配置里设置的，详细配置会在后面说明，每个代码托管网站的配置大同小异，这个网址是drone ci的管理网站，可以查看drone ci运行的详细流程等

DRONE_RPC_SECRET

这个参数是drone server与drone runner通讯的秘钥，在服务器使用OpenSSL生成，生成方法如下

1. $ openssl rand -hex 16

复制代码
DRONE_USER_CREATE

这个参数非常重要，为drone ci管理网站的登录账号，这个账号名一定要与代码托管网站的用户名一致，这样才能登录管理员账号，如果无法登录管理员账号，将无法授权拉取代码时的权限，运行时将会报错

DRONE_DATABASE_DRIVER

数据库类型，就是上面自己配置的数据库

DRONE_DATABASE_DATASOURCE

postgres://username:password@db/db_name?sslmode=disable，这个参数中username为数据设置的用户名，password为数据库登录密码，db/db_name中db为固定值，db_name为创建的表名称，这些参数都是上面数据库的配置参数

DRONE_GITEE_CLIENT_ID和DRONE_GITEE_CLIENT_SECRET

这两个参数是在代码托管网站获取，我使用的是gitee码云。如何申请？

1、注册码云

2、创建OAuth应用

进入码云设置中心，找到第三方应用

点击创建应用

填写创建应用所需信息

创建成功后，进入应用详情

其中的Client ID和Client Secret便是DRONE_GITEE_CLIENT_ID和DRONE_GITEE_CLIENT_SECRET

drone runner

DRONE_RPC_PROTO和DRONE_RPC_HOST

和DRONE_SERVER_PROTO，DRONE_SERVER_HOST相同


DRONE_UI_USERNAME和DRONE_UI_PASSWORD

改账号信息为drone runner的账号信息，不同于drone server，drone runner的管理界面主要查看server运行的一些信息，而drone server的管理界面是管理应用的

3、执行部署

在docker-compose配置文件的当前目录下，执行docker-compose up，drone ci就会自动安装

进入管理界面

如果安装没有报错，那么进入浏览器，输入你配置过的DRONE_SERVER_HOST（前提是这个域名已经通过解析），便能进入

登录成功X入主页面，此时会同步你代码托管网站下的所有项目

点击未激活项目，会直接进入到setting配置页

点击Activate Repository按钮，激活项目，激活项目便会进入配置详情页

如果是管理员登入，project settings中的5个选项都会出现，不然只会出现第一个选项，打开第二个选项Trusted

最后save changes一下，保存更改，此时项目即为激活项目

添加.drone.yml文件

到此整个drone ci的服务已经配置完成，那么如何持续部署我们的项目呢？对于cd有一定了解的人，都知道当我们git push的时候项目会通过webhooks通知ci服务，然后就会拉取代码，重新部署代码，从而完成一次ci/cd，这其中一个重要的配置文件起到重要作用，通常会向我们的项目中添加一个yaml文件，ci服务会读取这个文件，从而执行一个流程，完成部署。在drone ci中会向项目的根目录添加一个.drone.yml文件，这个文件如何编写，我以我的blog项目为例，下面是其配置文件内容

1. kind: pipeline # 定义一个管道
2. type: docker # 当前管道的类型
3. name: test # 当前管道的名称
5. volumes: # 声明数据卷（此为服务器中的实际目录）
6.   – name: node_modules # 数据卷名称
7.     host: # Host Volume
8.       path: /volumes/drone/volumes/blog/node_modules # 宿主机目录    #绝对路径
9.   – name: deploy_path
10.     host:
11.       path: /workspace/blog
13. clone:
14.   disable: false # 启用代码拉取
16. steps: # 定义管道的执行步骤
17.   – name: deploy # 步骤名称
18.     image: node:16.13.2 # 当前步骤使用的镜像
19.     depends_on: [clone] # 依赖的步骤
20.     volumes: # 挂载数据卷（此为容器内的目录）
21.       – name: node_modules # 数据卷名称
22.         path: /drone/src/node_modules # 容器内目录 绝对路径
23.       – name: deploy_path
24.         path: /drone/src/html
25.     commands: # 当前步骤执行的命令
26.       – pwd # 查看当前目录
27.       – npm config set registry https://registry.npm.taobao.org # 切换淘宝镜像
28.       – npm install # 安装node_modules包
29.       – npm run build # 执行编译
30.       # – rm -fr ./blog
31.       – ls /drone/src
32.       – cp -r ./public/* ./html
34.   – name: dingtalk-push
35.     image: lddsb/drone-dingtalk-message
36.     depends_on: [deploy]
37.     settings:
38.       token: xxxxxxxxxxxxxxxxxxxxxxxxxxx
39.       type: markdown
40.       message_pic: true
41.       sha_link: true
42.     when:
43.       event: [push]
44.       status: [success, failure]

复制代码 .drone.yml文件的编写较为复杂，具体请查询drone文档。其中dingtalk-push，是部署完成后通知钉钉，钉钉机器人的配置请查看钉钉的文档，该插件的详细配置请查阅该插件文档

总结

到此这篇关于利用drone ci自动化部署静态博客的文章就介绍到这了,更多相关drone ci自动化部署博客内容请搜索软件技术网以前的文章或继续浏览下面的相关文章希望大家以后多多支持软件技术网！