专栏首页用户5909132的专栏GitHub Actions+腾讯云COS+SCF云函数刷新CDN自动化部署静态网站

GitHub Actions+腾讯云COS+SCF云函数刷新CDN自动化部署静态网站

作者介绍

Stille:互联网重度爱好者,喜欢追求一切基于互联网的前沿科技、技术、产品,目前从事互联网软硬件相关工作。

作为强迫症患者,一直对自动化部署非常痴迷,个人认为全自动部署最重要的就是稳定可靠,经过研究测试,最终使用GitHub和腾讯云两大平台,成功完成了全自动部署网站的实践。

1

业务背景

笔者有一个简单的纯静态文档站点docs.ioiox.com,使用的是docsify项目的Markdown渲染程序,平时通过本地VSCode编辑文档,并提交到Github,早前是直接使用GitHub Pages绑定域名来访问,但由于网络问题,体验并不好。

2

解决方案

腾讯云COS对象存储服务能够提供静态网站服务,并可以配置CDN域名进行访问,那么就需要解决以下两个问题:

  • 如何使GitHub自动同步文件到腾讯云COS;
  • 腾讯云COS对应的CDN又是如何自动刷新;

解决方案:

  • GitHub Action-配置每次Push代码后自动上传到COS;
  • 腾讯云SCF云函数-检测到COS内文件变动后自动刷新对应的CDN链接;

方案流程图:

3

获取腾讯云API密钥

登录腾讯云控制面板,访问管理中的访问密钥→API密钥管理→新建密钥,此密钥拥有所有权限,为保证安全,也可以添加子用户,配置COS、CDN对应的权限,如下图示

4

配置腾讯云COS

登录腾讯云对象存储控制面板,在存储桶列表中创建存储桶,选择适合的地域,设置权限为公有读私有写并获取存储桶相关信息,如下图示

5

配置GitHub Actions

在GitHub仓库中,Settings→Secrets,添加SecretId和SecretKey分别为刚才获取的腾讯云API密钥,如下图示

GitHub仓库→Actions,默认会有很多推荐的workflows,这里选择Set up a workflow yourself自己来配置。

系统会创建一个workflow的yml配置文件,删除预设代码,复制以下样本代码。图上标红两处需修改为刚才创建存储桶获取的名称和区域,然后右上角提交即可。

yml配置文件样本

name: Upload to COS
on: [push]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v1
    - name: Install coscmd
run: sudo pip install coscmd
    - name: Configure coscmd
env:
        SECRET_ID: ${{ secrets.SecretId }}
SECRET_KEY: ${{ secrets.SecretKey }}
BUCKET: docs-1300533487
REGION: ap-shanghai
run: coscmd config -a $SECRET_ID -s $SECRET_KEY -b $BUCKET -r $REGION
    - name: Upload
run: coscmd upload -rs --delete -f ./ / --ignore "./.git/*"

6

测试GitHub Actions

提交yml后系统检测到main.yml的push,便会开始运行这个workflow,根据yml配置文件,可以看出整个工作流简单理解为安装了腾讯云的coscmd工具,并根据配置的SecretId SecretKey BUCKET REGION上传整个仓库到腾讯云COS,同时忽略掉git文件夹,其中upload-rs命令会使用md5比对存储桶中已存在的文件,相同文件将会跳过上传。

7

配置CDN域名

配置腾讯云CDN域名,登录腾讯云对象存储控制面板,进入创建的存储桶,在基础配置中开启静态网站。

域名管理,添加自定义加速域名,并设置域名指向生成的CNAME地址,源站类型改为静态网站源站。

在控制面板内容分发网络域名管理下,点击添加的域名选择高级配置。

开启HTTPS,设置强制跳转HTTPS,并更改跳转方式为301,再点击前往配置申请免费证书。

8

配置SCF云函数

登录腾讯云云函数控制面板,首次使用云函数可能会跳出服务授权框,需要前往访问添加并同意授权即可,该角色对本次添加的云函数没有影响。

选择和存储桶相同区域并新建,填写函数名,运行环境选择Php5.6,创建方式选择空白函数下一步。

函数配置,上部分保持默认即可,删除默认代码,复制以下样本代码至此。

图上标红两处需修改为之前获取的API密钥,注意此处的ID和KEY顺序和之前配置GitHub Actions时是相反的,并把CDN链接改为你的域名,如果域名已配置过HTTPS和证书,确保此处为https,完成即可。

函数代码样本,可以联系小编索取。

测试函数代码,确认API及CDN配置正确,点击测试,返回成功。

添加触发方式,此处需要分别添加全部创建和全部删除两个触发方式。

触发方式 : COS触发;

COS Bucket : 选择你的存储桶 (请再次确保存储桶和云函数的区域相同);

事件类型 : 全部创建和全部删除;

9

测试SCF云函数

腾讯云内容分发网络控制台,左侧刷新预热→操作记录→查询。

可以看到刚才测试成功的一条记录,现在可以尝试在Push代码到GitHub来完整的测试整个流程了。

本文分享自微信公众号 - 腾讯云存储(TencentCloud_COS),作者:Stille

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-05-20

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 静态网站架构的演进和最佳实践

    ?  支撑10亿PV的云存储 新冠肺炎期间,约翰霍普金斯大学开发的疫情地图网站单日PV达10亿次,查看源代码可以看出它是一个单页应用(single-page...

    云存储
  • 腾讯云十周年庆丨COS&CI 回馈好礼

    腾讯云今年10岁啦!为了庆祝这个特殊的时刻,腾讯云存储和大家一起分享云存储的生日大礼包,技术大咖直播秀及腾讯全球数字生态大会的最新消息! ? ? 云存储优惠享...

    云存储
  • 使用腾讯云函数SCF快速解压对象存储COS中的ZIP文件

    在本实践中,我们用到了云函数 SCF 和对象存储 COS。假定用户上传到 COS 的 zip 文件需要进行解压缩,并以 zip 包名作为文件夹名,回传到 COS...

    云存储
  • 四字母.com域名均以五位数结拍

    四字母.com域名虽然行情价不过四位数,但凭借字符简短,简单好记的特点,依然深受投资人青睐。近日米市结拍了两枚四字母.com域名,均超行情价结拍。

    躲在树上的域小名
  • Human Interface Guidelines —— 状态栏(Status Bars)

    霖酱
  • 品牌三拼用得好 闪修侠亿元融资没烦恼

    上门服务行业已在这个宅男宅女盛行的年代是层出不穷。近日就有消息称,经纬中国和同创伟业共同领投手机上门维修品牌“闪修侠”完成了1亿元B轮融资。

    躲在树上的域小名
  • 两个四字母域名均以五位数被交易

    四字母.com域名虽然行情价不过四位数,但凭借字符简短,简单好记的特点,依然深受投资人青睐。近日米市结拍了两枚四字母.com域名,均超行情价结拍。

    躲在树上的域小名
  • 团体程序设计天梯赛-练习集 L1-003 个位数统计

    给定一个 k 位整数 N = dk−110​k−1+⋯+d110​1+d0(0≤d​i≤9, i=0,⋯,k−1, d​k−1>0),请编写程序统计每种不同的个...

    C you again 的博客
  • Linux下快速设定ip bond

        在计算机网路普及的初期,很多OS系统都使用的为单网卡方式,即一个网卡使用一个IP地址。随着网络要求的不断提高,我们可以对多个网卡进行绑定聚合当一个逻辑网...

    Leshami
  • 马化腾短信回复广东省长:人工智能可管可控可用,不用担心

    允中 发自 错失高铁的北京 量子位 报道 | 公众号 QbitAI ? 比起人工智能,云计算带来的社会影响还缺一个AlphaGo。 但就在2017腾讯云未来大会...

    量子位

扫码关注云+社区

领取腾讯云代金券