Mac Chromeでプライバシーブロックされ「詳細設定」からもページが表示できない

## 〜宣伝〜

:::note info
個人開発でエンジニア専門マッチングサービスを開発しましたので、是非未経験からエンジニア目指している人！現役エンジニアで教えたい人！使ってみてください！

β版リリース記念キャンペーン中です！

10名様限定、抽選でお好きな技術本1冊プレゼント！
🎉当選者にはメッセージ差し上げます(送付の際に住所はお聞きしません)
詳しくはこちらから↓

https://x.com/dokupro01/status/1796837336145436846
:::
https://dokupro.dev/

## 目的

- MacのChromeにてWebページを表示中に「この接続ではプライバシーが保護されません」の画面にて「詳細設定」を開くも、「Google Chrome で処理できない暗号化された認証情報が返されたため、現在このウェブサイトにはアクセスできません。」と表示されページが表示できない時の解決方法をまとめる
- 本記事は同様の内容をはてなブログにもアップロードしたがより多くの方の目に触れる様にQiitaにも投稿する

## 注意

- ブラウザにてプライバシーエラーでブロックされたということはそれなりの理由がある時である。
- 現在表示しようとしているページが絶対に安全である補償がない場合本作業を行わない方が良い。

## 前提情報

- 本問題にはApacheを用いてLaravelアプリのHTTPS化に挑戦した際に発生した。
- 自分で構築したWebサーバにローカルネットワークからアクセスするので表示するページは安全である。

## 発生した問題の詳細

- 下記に発生した問題の文言を記載する。

    ```
    この接続ではプライバシーが保護されません
    XXX.XXX.XXX.XXX では、悪意のあるユーザーによって、パスワード、メッセージ、クレジット カードなどの情報が盗まれる可能性があります。詳細
    NET::ERR_CERT_INVALID
    
    アクセスしたページの URL、システム情報、およびページのコンテンツの一部を Google に送信して、Chrome セキュリティの改善にご協力ください。プライバシー ポリシー
    XXX.XXX.XXX.XXX では通常、暗号化して情報を保護しています。今回、Google Chrome から XXX.XXX.XXX.XXX への接続試行時に、このウェブサイトからいつもとは異なる誤った認証情報が返されました。悪意のあるユーザーが XXX.XXX.XXX.XXX になりすまそうとしているか、Wi-Fi ログイン画面で接続が中断された可能性があります。データのやり取りが行われる前に Google Chrome によって接続が停止されたため、情報は引き続き保護されています。
    
    XXX.XXX.XXX.XXX から、Google Chrome で処理できない暗号化された認証情報が返されたため、現在このウェブサイトにはアクセスできません。通常、ネットワーク エラーや不正な操作は一時的なものです。少し時間をおくと、ページにアクセスできるようになる可能性があります。
    ```

- 下記にプライバシーエラーになった時のブラウザの画像を載せる。

    ![20200721121256.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/3541826c-88b3-d46e-f2a3-da108b6a5616.png)

## 解決方法

1. プライバシーエラーが出たブラウザを開く。
1. 下記画像の矢印部分をクリックする。

    ![20200721121329.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/5ea9d3f7-a9f8-e5ca-5d1f-0555357f7fcd.png)

1. 「証明書」をクリックする。

    ![20200721121426.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/3c98bf46-16b0-4c5f-33b3-cff8f6e84084.png)

1. 囲った部分を長押ししてドラックアンドドロップして自分のPCに取得する。

    ![20200721121552.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/b2f6f44b-4134-8c72-d21e-5de35f4ab4cc.png)

1. Macの「アプリケーション」の中の「ユーティリティー」の中の「キーチェーンアクセス.app」を開く。

    ![20200721121807.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/d78b974b-9631-7612-5285-78ae780a580c.png)

1. キーチェーンアクセス.appのウインドウに先に取得した証明書をドラックアンドドロップする。

    ![20200721122116.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/9ee471ab-4c8d-ae4a-b7bd-26fdeb74aa74.png)

1. 先の作業で一覧に追加された証明書をダブルクリックする。

    ![20200721122330.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/c2ad6bc8-8903-be58-1626-9c575500d8a7.png)

1. 下記の様なウインドウが開くので「信頼」をクリックする。

    ![20200721122442.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/5ee8916b-9809-7c58-9484-6125e8f61d91.png)

1. 「この証明書を使用するとき」を「常に信頼」を選択する。

    ![20200721122702.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/464942ea-b17f-7ab6-333d-6557c377640d.png)

1. ウインドウを閉じる。

    ![20200721122757.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/ee97ad9d-e404-bd3e-6f74-7d4eb1f9e89d.png)

1. 下記ウインドウがでたらパスワードを入力して「設定をアップデート」をクリックする。

    ![20200721122936.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/c2d7dd30-0528-486e-edd5-c3e55291e050.png)

1. 再度プライバシーエラーがでたブラウザにアクセスして再読み込みをして「詳細設定」をクリックする。
1. 「〇〇にアクセスする」をクリックする。

    ![20200721123405.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/76bc4794-3ee2-174b-a519-4e41b237f64c.png)

1. 問題のページにアクセスすることができた。

    ![20200721123500.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/306417/1be2efa7-a8ed-21d5-2118-8da7a607620c.png)