Cloudflare Pages で Functions を Wrangler でデプロイするときはカレントディレクトリ直下に funcitions/ がないとダメ

注意

2022年12月13日(火)現在の内容です。

結論

たとえば ./dist 配下に静的な HTML などが存在し、./dist/funcions が存在するとき。

デプロイされない場合

以下のような wrangler の実行方法だと functions がデプロイされません。

$ wrangler pages publish ./dist
 Uploading... (8/8)

✨ Success! Uploaded 0 files (8 already uploaded) (0.41 sec)

✨ Deployment complete! Take a peek over at https://example.pages.dev

デプロイされる場合

カレントディレクトリをコンテンツルートに移動してから、デプロイするとうまくいきます。

$ cd dist
$ wrangler pages publish .
 Uploading... (8/8)

✨ Success! Uploaded 0 files (8 already uploaded) (0.41 sec)

✨ Uploading Functions
✨ Deployment complete! Take a peek over at https://example.pages.dev

GitHub Actions では with: 以下に workingDirectory: を指定する

GitHub Actions の cloudflare/wrangler-action を用いている場合は、with: 以下に workingDirectory: を指定することでカレントディレクトリを変更できます。

jobs:
  deploy:
    steps:
      uses: cloudflare/wrangler-action@2.0.0
      with:
        apiToken: ${{ secrets.CF_API_TOKEN }}
        workingDirectory: 'subfoldername'

Functions が正常にデプロイされたかどうかを見分ける方法

Functions がデプロイされた場合には、ログに ✨ Uploading Functions が表示されます。

Powered by はてなブログ