Cloudflare PagesでGitHub連携していると、pushの度に自動ビルドが走ります。ブログのように頻繁に更新しない場合、ビルド回数が無駄に増えてしまう問題がありました。定期実行に切り替えたので、備忘録として残します。
<h2 id="%E8%87%AA%E5%8B%95%E3%83%93%E3%83%AB%E3%83%89%E3%82%92%E5%81%9C%E6%AD%A2%E3%81%99%E3%82%8B" data-line="3" class="code-line"><a class="header-anchor-link" href="#%E8%87%AA%E5%8B%95%E3%83%93%E3%83%AB%E3%83%89%E3%82%92%E5%81%9C%E6%AD%A2%E3%81%99%E3%82%8B" aria-hidden="true"></a> 自動ビルドを停止する</h2>
まず、pushによる自動ビルドを停止します<a href="#fn-552f-1" id="fnref-552f-1">[1]</a>。
<ol data-line="7" class="code-line">
<li data-line="7" class="code-line">Cloudflareダッシュボードで対象のPagesプロジェクトを開く</li>
<li data-line="8" class="code-line">Settings &gt; Builds &amp; Deploymentsに移動</li>
<li data-line="9" class="code-line">「Pause deployments」をクリック</li>
</ol>
これでGitHubへのpushでビルドが走らなくなります。
<h2 id="deploy-hook%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B" data-line="13" class="code-line"><a class="header-anchor-link" href="#deploy-hook%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B" aria-hidden="true"></a> Deploy Hookを作成する</h2>
定期実行でビルドをトリガーするためのURLを取得します<a href="#fn-552f-2" id="fnref-552f-2">[2]</a>。
<ol data-line="17" class="code-line">
<li data-line="17" class="code-line">同じくSettings &gt; Builds &amp; Deploymentsに移動</li>
<li data-line="18" class="code-line">「Deploy hooks」セクションで「Add deploy hook」をクリック</li>
<li data-line="19" class="code-line">名前（例：scheduled-deploy）とブランチ（例：main）を入力</li>
<li data-line="20" class="code-line">生成されたURLをコピー</li>
</ol>
このURLにPOSTリクエストを送ると、ビルドが開始されます。
<h2 id="cloudflare-worker%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B" data-line="24" class="code-line"><a class="header-anchor-link" href="#cloudflare-worker%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B" aria-hidden="true"></a> Cloudflare Workerを作成する</h2>
Workers &amp; Pagesから新規Workerを作成し、以下のコードを設定します<a href="#fn-552f-3" id="fnref-552f-3">[3]</a>。
<div class="code-block-container"><div class="code-block-filename-container">scheduled-deploy-worker.js</div><pre class="language-javascript"><code class="language-javascript code-line" data-line="28">export default {
 async scheduled(event, env, ctx) {
 ctx.waitUntil(
 fetch('ここにDeploy HookのURLを貼り付け', {
 method: 'POST',
 })
 );
 },
};
</code></pre></div><h2 id="cron%E3%83%88%E3%83%AA%E3%82%AC%E3%83%BC%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B" data-line="40" class="code-line"><a class="header-anchor-link" href="#cron%E3%83%88%E3%83%AA%E3%82%AC%E3%83%BC%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B" aria-hidden="true"></a> Cronトリガーを設定する</h2>
Workerの設定画面でスケジュールを指定します。
<ol data-line="44" class="code-line">
<li data-line="44" class="code-line">Workerの「Triggers」タブを開く</li>
<li data-line="45" class="code-line">「Add Cron Trigger」をクリック</li>
<li data-line="46" class="code-line">cron式を入力（例：<code>0 0 * * *</code> で毎日UTC 0時）</li>
<li data-line="47" class="code-line">「Execution summary」で実行タイミングを確認</li>
</ol>
日本時間で毎日9時に実行したい場合は、<code>0 0 * * *</code>（UTC 0時 = JST 9時）と設定します。
<aside class="msg alert">!<div class="msg-content">Cloudflare Pagesの無料プランでは月500ビルドまで可能です。1日1回のビルドであれば月30〜31回なので、十分な余裕があります。ただし、手動でDeploy Hook URLを叩いた場合もビルド回数にカウントされます。
</div></aside>
<section class="footnotes">
脚注
<ol class="footnotes-list">
<li id="fn-552f-1" class="footnote-item"><a href="https://developers.cloudflare.com/pages/configuration/branch-build-controls/" target="_blank" rel="nofollow noopener noreferrer">Branch deployment controls - Cloudflare Pages docs</a> <a href="#fnref-552f-1" class="footnote-backref">↩︎</a>
</li>
<li id="fn-552f-2" class="footnote-item"><a href="https://northstarthemes.com/blog/cloudflare/schedule-builds/" target="_blank" rel="nofollow noopener noreferrer">Schedule Cloudflare Pages Builds - North Star Themes</a> <a href="#fnref-552f-2" class="footnote-backref">↩︎</a>
</li>
<li id="fn-552f-3" class="footnote-item"><a href="https://sheetsj.com/blog/cloudflare-pages-cron-deploys/" target="_blank" rel="nofollow noopener noreferrer">Cloudflare Pages Cron Deploys - sheetsj</a> <a href="#fnref-552f-3" class="footnote-backref">↩︎</a>
</li>
</ol>
</section>

Cloudflare Pagesのビルドを定期実行に切り替える