画像のカスタムドメイン

カスタムドメインから画像を提供するには：

1. Cloudflareダッシュボード ↗にログインします。
2. アカウントを選択 > Workers & Pagesを選択します。
3. アプリケーションを作成 > Workers > Workerを作成を選択し、Workerを作成します。
4. Worker内で、クイック編集を選択し、以下のコードを貼り付けます。

JavaScript

export default {
  async fetch(request) {
    // ダッシュボードでこれを見つけることができます。次のようになります: ZWd9g1K7eljCn_KDTu_MWA
    const accountHash = "";

    const { pathname } = new URL(request.url);

    // cdn.example.com/83eb7b2-5392-4565-b69e-aff66acddd00/publicのようなリクエストは
    // "https://imagedelivery.net/<accountHash>/83eb7b2-5392-4565-b69e-aff66acddd00/public"を取得します。

    return fetch(`https://imagedelivery.net/${accountHash}${pathname}`);
  },
};

TypeScript

export default {
  async fetch(request): Promise<Response> {
    // ダッシュボードでこれを見つけることができます。次のようになります: ZWd9g1K7eljCn_KDTu_MWA
    const accountHash = "";

    const { pathname } = new URL(request.url);

    // cdn.example.com/83eb7b2-5392-4565-b69e-aff66acddd00/publicのようなリクエストは
    // "https://imagedelivery.net/<accountHash>/83eb7b2-5392-4565-b69e-aff66acddd00/public"を取得します。

    return fetch(`https://imagedelivery.net/${accountHash}${pathname}`);
  },
} satisfies ExportedHandler;

Python

from js import URL, fetch

async def on_fetch(request):
    # ダッシュボードでこれを見つけることができます。次のようになります: ZWd9g1K7eljCn_KDTu_MWA
    account_hash = ""
    url = URL.new(request.url)

    # cdn.example.com/83eb7b2-5392-4565-b69e-aff66acddd00/publicのようなリクエストは
    # "https://imagedelivery.net/<accountHash>/83eb7b2-5392-4565-b69e-aff66acddd00/public"を取得します。
    return fetch(f'https://imagedelivery.net/{account_hash}{url.pathname}')

カスタムドメインから画像を提供する別の方法は、cdn-cgi/imagedeliveryプレフィックスパスを使用することです。これはcdn-cgi画像プロキシをトリガーするためのパスとして使用されます。

以下は、画像と同じアカウントのCloudflareプロキシドメインとしてホスト名を示し、プレフィックスパスと画像の<ACCOUNT_HASH>、<IMAGE_ID>、<VARIANT_NAME>を続けて表示します。これらはCloudflareダッシュボードのImagesで見つけることができます。

https://example.com/cdn-cgi/imagedelivery/<ACCOUNT_HASH>/<IMAGE_ID>/<VARIANT_NAME>