0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Cloudflaredのトンネルで公開しているサイトをクライアント証明書の認証を書ける

Last updated at Posted at 2025-09-18

筆者について

name → Koki Teramoto
age → 19
language → ja_JP, en_US

本編

今回、アクセス数を減らしたい(なんせへなちょこサーバーなもんで)ページに Cloudflare のクライアント証明書によるアクセス制限を書けることにしました。参考にしたサイトは以下の通りです。

さて、順番にやっていきましょう。

Cloudfalre での作業

まずは Cloudflare を開きましょう。

image.png

「証明書を作成」に進み、ECC にして証明書を作成してください。できた証明書はそのまま PEM ファイルと KEY ファイルにしてきちんと保存しておくこと。そのままカスタムルールの作成へ進みましょう。

image.png

気を付けなければいけないのが、URI パスをホスト名に変更することです。最後に、先ほどのホストのところを変更したら終了です。

P12 ファイルの作成

あとは先ほど保存した PEM と KEY を一つのファイルにするだけです。WSL2 上の Ubuntu で実施しました。あらかじめ OpenSSL をインストールしておくこと。

openssl pkcs12 -export -in site.pem -inkey site.key -out site.p12

あとは各デバイスに保存

ここまで来たら、後は各デバイスに証明書をインストールするとクライアント証明書認証を使ってアクセスすることができます。ここで気を付けなければいけないのが、iOS/iPad OS では Safari でしかクライアント証明書認証を突破することができないので気を付けてください。

最後に

いや~、思ったよりも早くできました。個人的にはもっと時間がかかると思っていたので思ったより手軽でびっくりしました。これからも常用していきたいなと思うとこです。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?