pkkiblog 暇なときに投稿しています
サーバー パソコン デザイン・グラフィック レビュー

【初心者向け】Cloudflare Access + Google認証の設定手順を紹介!

schedule 2025年11月3日  update 2025年11月3日        
【初心者向け】Cloudflare Zero Trust + Google認証の設定手順を紹介!サムネイル

皆さんこんにちは!pkkiです!

初めに、皆さんは「Cloudflare AccessでGoogle認証の設定してみたいけど英語分からなくて分からない!」等思ったことありませんか?

今回は、初心者向けにCloudflare AccessでGoogle認証の設定手順を画像で分かりやすく説明したいと思います!

また、過去に「【初心者向け】Cloudflare Tunnelで自宅サーバーを公開する方法!」で、Cloudflare Accessの設定方法など解説したので、是非そちらもご覧ください!

前回Cloudflare Accessで管理者ページを制限したんだけど、「One-time PIN」じゃいちいちメール確認するのが面倒だったんだよ!

でも、今回はGoogle認証を使えば簡単にログインできて便利になる感じですね!

そうですね!では早速解説していきましょう!

Cloudflare Access × Googleログインとは?

Cloudflare Access

Cloudflare Access 引用;https://www.cloudflare.com/ja-jp/zero-trust/products/access/
https://www.cloudflare.com/ja-jp/zero-trust/products/access/

最初に、Cloudflare Accessとは「Cloudflareが提供しているZero Trustセキュリティ」の1つのことです。

「Zero Trust」とは
ネットワーク内か外かに関係なく、
アクセスしてくる人やデバイスが「本当に正しい人か?」を常にチェックする仕組みです。
つまり、

  • パスワードを知っているだけの人
  • 偶然URLを知っているだけの人
  • VPNなしで外からアクセスしようとしてくる人
    → これらは全部「信用しない」

その代わり、
Googleアカウントで本人確認できた人や
許可されたメールアドレス等だけ
アクセスを許可します。

これが Zero Trust(信用しない前提のセキュリティ)。

Googleログインを使うメリット

Googleログイン画面

そして、様々なログイン方法がある中で「Googleログイン」を使うメリットは、やはり既にログインしているGoogleアカウントを選択するだけで即ログインできるところです。

すぐにログインできるのは良いですね!

何に使える?

PROXMOX管理画面

次に、Cloudflare Accessでアクセス制限をすることによって、外から自宅サーバーの管理画面を安心して操作できたりします。

私の場合は、PROXMOXやWebサーバーの管理画面などに使ってます!

Googleログインの設定方法

Googleプロジェクト作成

Google Cloud Platform
https://console.cloud.google.com/

初めに、Googleプロジェクトを作成しなければいけないので、上のリンクを開いて①「プロジェクトを作成または選択」をクリックしてください。

Google Cloud Platform プロジェクトを選択

次に、①「新しいプロジェクト」をクリックしてください。

Google Cloud Platform 新しいプロジェクト作成

そして、①「プロジェクト名」に好きなプロジェクト名を入力して、②「作成」をクリックします。

Google Cloud Platform 通知

それから、作成できたら通知に①「プロジェクトを選択」と出てくるので、クリックします。

GoogleプロジェクトのAPIとサービス

googleプロジェクト APIとサービス→認証情報

次に、左の「APIとサービス」から「認証情報」をクリックします

googleプロジェクト 同意画面を構成

そして、OAuth同意画面を構成しないといけないので、①「同意画面を構成」をクリックしてください。

googleプロジェクト Google Auth Platform構成開始

それから、①「開始」をクリックしてGoogle Auth Platformの構成を開始します。

プロジェクト構成

googleプロジェクト構成 アプリ情報

最初に、①「アプリ名」に適当なアプリ名を入力して、③「ユーザーサポートメール」に自分のメールアドレスを入力して、③「次へ」をクリックします。

googleプロジェクト構成 対象

次に、「対象」を①「外部」に選択し、「次へ」をクリックします。

googleプロジェクト構成 連絡先情報

そして、①「メールアドレス」を連絡先情報として自分のメールアドレスを入力し、②「次へ」をクリックします。

googleプロジェクト構成 終了

最後に、「Google API サービス:ユーザーデータに関するポリシー」に同意して、②「続行」して③「作成」をクリックすれば完了です。

OAuthクライアントの作成

googleプロジェクト OAuthクライアントを作成

次に、OAuthクライアントを作成していきます。①「OAuthクライアントを作成」をクリックしてください。

googleプロジェクト OAuthクライアント作成

そして、①「ウェブアプリケーションの種類」を「ウェブアプリケーション」に選択し、②「名前」を適当な名前にしてください。

Zero Trustチーム名を確認する

ここで、「URI」を追加するためにチーム名を確認します。

初めに、上のリンクをクリックして①「Setting」をクリックして②「Custom pages」をクリックしてください。

ZeroTrust チーム名確認2

そして、「Team domain」の画像だと①に書かれている「pkki」がチーム名です。

googleプロジェクト OAuthクライアント作成 URI

先ほどのページに戻って、①「URIを追加」をクリックし、②「URI 1」に以下を入力します。

https://ZeroTrustチーム名.cloudflareaccess.com

また、③「URI」をクリックして、④「URI1」に以下を入力します。

https://ZeroTrustチーム名.cloudflareaccess.com/cdn-cgi/access/callback

最後に、⑤「作成」をクリックして作成します。

googleプロジェクト OAuthクライアント作成完了

そして、このように「OAuthクライアントを作成しました」と表示されるので、この状態のままZero Trustの設定に映ります。

Zero Trust 認証設定

Zero Trust 認証設定

最初に、①「Settings」から②「Authentication」をクリックしてください。

Cloudflare Zero Trust 認証設定

次に、①「Add new」をクリックしてください。

Zero Trust 認証設定 ログイン方法

そして、①「Google」をクリックします。

Zero Trust 認証設定 Googleを追加

続いて、①「名前」に適当な名前を入力します。

それから、②「アプリID」には先ほどの「クライアントID」を入力します。

加えて、③「クライアントシークレット」には先ほどの「クライアント シークレット」を入力します。

最後に、④「保存」をクリックすれば終了です。

そして、制限方法などについては上の記事ですべて解説しています。

まとめ

Googleでログイン画面

今回は、Cloudflare Accessで Googleログインを使った認証方法 を解説しました!

  • One-time PINより圧倒的に楽
  • Googleアカウントを選ぶだけで即ログイン
  • 2段階認証にも対応

自宅サーバーや wp-admin 、Proxmox、Web管理画面など、
「外からアクセスしたいけど不正アクセスは絶対イヤ!」
という場面にめちゃくちゃ便利です。

特に、私みたいに 毎回PINコード確認が面倒くさかった人 には最高の方法です!


さらに、Cloudflare Tunnelと組み合わせることで

  • ポート開放なし
  • グローバルIPなし
  • 不正アクセスを完全ブロック

という安全な環境になります。

もしまだCloudflare Tunnelを使っていない方は、こちらの記事も参考になるのでぜひどうぞ👇

【初心者向け】Cloudflare Tunnelで自宅サーバーを公開する方法!ポート開放不要で安全!


最後までご覧いただき有難うございました!
是非、ご指摘やご質問等ありましたら、コメント欄の方にお願いします!

この記事は役に立ちましたか?

この記事を書いた人

コメントはこちらからどうぞ

コメントはこちらで承認の作業を行うまでは表示されません。ご了承ください。