<p>Cloudflare<br><br>CloudflareでBasic<br><br>厳格モード<br>{ strict: false }<br>app.get('/hello')一致しませんGET /hello/。<br><br>厳格モードを に設定するとfalse、両方のパスが同等に扱われます。</p>

<p>Cloudflareにデプロイするとプロダクションやプレビュードメイン、<em>*</em>.pages.devが発行される。</p><p>メインドメイン以外は、Basic認証をかける。</p><p>ついでに特定ディレクトリにもBasic認証をかけられるか試してみる。</p><p><br></p><h2 id="h9f510f3156">やりたいこと</h2><ul><li>Cloudflare Pagesのドメイン.pages.devに対して<ul><li>Basic認証をかける</li><li>X-Robots-Tag：noindexを設定する</li></ul></li><li>メインドメインの特定ディレクトリにBasic認証をかける</li></ul><p><br></p><h2 id="hbc2483da4e">使用したもの</h2><ul><li>Cloudflare Pages function Middleware</li><li>Cloudflare Pagesの環境変数（ローカルは wrangler.toml）</li><li>npmパッケージ　<a href="https://hono.dev/" target="_blank" rel="noopener noreferrer">hono</a></li></ul>

<h3 id="h056623fbb6">Middleware</h3><p>functions/_middleware.ts</p>

import { Hono } from 'hono'
import { basicAuth } from 'hono/basic-auth'
import { EventContext, handle } from 'hono/cloudflare-pages'
type Bindings = {
  eventContext: EventContext
  BASIC_AUTH_USER: string
  BASIC_AUTH_PASSWORD: string
  BASIC_HOST: string
}

const app = new Hono<{ Bindings: Bindings }>({ strict: false })

app.all(
  '/basic/*', 
  async (c, next) => {
    const auth = basicAuth({
      username: c.env.BASIC_AUTH_USER,
      password: c.env.BASIC_AUTH_PASSWORD,
    })
    return auth(c, next)
  }
)

app.all(
  '*', 
  async (c, next) => {
    const BASIC_HOST = c.env.BASIC_HOST
    const host = c.req.header('Host')

    if( host != BASIC_HOST ){
      const auth = basicAuth({
        username: c.env.BASIC_AUTH_USER,
        password: c.env.BASIC_AUTH_PASSWORD,
      })
      return auth(c, next)
    }
    return c.env.eventContext.next()
  }
)

app.all(
  '*',
  async (c) => {
    return c.env.eventContext.next()
  }
)

export const onRequest = handle(app)

<h3 id="hff1010bd17">Cloudflareの環境変数を設定</h3><p>Pages &gt; 対象プロジェクト &gt; 設定 &gt; 環境変数</p><p>プロダクション、プレビュー両方に以下を設定。</p><ul><li>BASIC_AUTH_PASSWORD</li><li>BASIC_AUTH_USER</li><li>BASIC_HOST</li></ul><p><br></p><h3 id="h666874f32a">X-Robots-Tagの設定</h3><p>public/_headers</p>

https://:project.pages.dev/
  X-Robots-Tag: noindex

<h3 id="h6f5a739cfb">ローカルで実行して確認してみる</h3><p>wrangler.toml</p><p><br></p>

BASIC_AUTH_USER = "ユーザ名"
BASIC_AUTH_PASSWORD = "パスワード"
BASIC_HOST="ホスト名"