Jekyll で他の Jekyll から情報を取得する

需要が無いかもしれない技術メモ。

Jekyll で作っている2つのサイトがある。

default.cf ←ポートフォリオサイト
default.cf/blog ←ブログ

同じドメインでホストしているが、これらは別々のリポジトリで GitHub Pages を使ってビルドされている。そのため、静的ビルド時にリポジトリを跨いで情報を取得・反映するには一手間要る。JavaScript で fetch, parse, render は、SEO の観点からしないものとする。

今回は、ポートフォリオサイト上にブログのリンクを表示したい。色々考えた末、jekyll-feed で生成される feed.xml を、何らかの方法でポートフォリオの _data/feed.json に置くことができれば良いとなった。

技術的には次の挑戦が必要だった。

XML ファイルを JSON ファイルに変換する
ポートフォリオサイトの GitHub Actions で XML ファイルの取得、JSON ファイルへの変換、コミット
ブログを書いて master にプッシュしたら、ポートフォリオサイトの action が発火され更新される

順に説明する。

XML ファイルを JSON ファイルに変換する

xml2json を使って変換することにした。詳しくは Scrapbox に書いた。

XML Schema を頑張って書いて、変換できることを確認した。ただ一箇所、XML 側を修正しないとどうしても変換できないところがあって、そこは処理前に sed で置換することにした。

sed -e 's/xmlns=/xmlns:atom=/'

ポートフォリオサイトの GitHub Actions で XML ファイルの取得、JSON ファイルへの変換、コミット

試行錯誤して最終的にこうなった。

.github/workflows/create-blog-links.yml

name: Create blog links
on: workflow_dispatch
jobs:
  fetch-and-create:
    runs-on: ubuntu-latest
    steps:
      - run: sudo apt update && sudo apt install -y libxml-compile-perl libjson-xs-perl
      - uses: actions/checkout@v2
      - run: |
          curl https://default.cf/blog/feed.xml \
            | sed -e 's/xmlns=/xmlns:atom=/' \
            | xml2json -x - -s feed.xsd \
            > _data/feed.json
      - uses: EndBug/add-and-commit@v7
        with:
          message: 'Update feed.json'
          committer_name: GitHub Actions
          committer_email: 41898282+github-actions[bot]@users.noreply.github.com

uses を使って checkout と commit は簡単に済ませられる。GitHub Marketplace 様様だ。

手動で workflow を実行して、feed 取得・JSON に変換・コミットが為されることを確認する。

ブログを書いて master にプッシュしたら、ポートフォリオサイトの action が発火され更新される

GitHub REST API を叩いて、他の workflow を発火することができるらしい。ブログ側の action をこのように書いた。~~これでいけるはず…~~

GITHUB_TOKEN の部分は、secrets.GITHUB_TOKEN を使うと失敗する。 https://docs.github.com/en/actions/security-guides/encrypted-secrets#using-encrypted-secrets-in-a-workflow

you can use the secrets context to access secrets you’ve created in your repository

secrets.GITHUB_TOKEN は、そのアクション1回限りで有効で、且つそのリポジトリにだけ機能するアクセス権限が与えられる。つまり、他のリポジトリの workflow を発火できない。

ここでのトークンは、personal access token を使うことにした。 repo 全てと、workflow にチェックを入れた。

.github/workflows/kick-portfolio.yml

name: Kick portfolio
on:
  push:
    branches:
      - master
jobs:
  post-api:
    runs-on: ubuntu-latest
    steps:
      - uses: octokit/[email protected]
        with:
          route: POST /repos/{owner}/{repo}/actions/workflows/{workflow_id}/dispatches
          owner: defaultcf
          repo: defaultcf.github.io
          workflow_id: create-blog-link.yml
          ref: master
        env:
          GITHUB_TOKEN: ${{ secrets.KICK_WORKFLOW_TOKEN }}

以上。~~さて、この記事を push したら、workflow がまわるかな…？~~ ~~結果が出たら、この記事を更新する。~~

GITHUB_TOKEN の部分で引っかかっていた。Personal access token に変更し、再度 push すると、ブログ側の action が動いて、ポートフォリオサイト側の action を発火し、ポートフォリオサイトが更新された！

普段、業務で Bitbucket pipeline を使っているので、GitHub Actions は久々だったが、やっぱ GitHub Actions も良いな…フックが充実している。