Local by FlywheelでWordPressが「この接続ではプライバシーが保護されません」と言われた

新しくサイトを立ち上げるのでLocal by FlywheelでローカルにWordPressサイトを作った。インストールして管理画面にアクセスすると、

「この接続ではプライバシーが保護されません」

とのこと。これはGoogle Chromeだけれど、他のブラウザでも似たりよったり。
とくに意識してSSLでアクセスしたわけじゃないけど、デフォルトでSSL(https://)でアクセスされるみたい。

ちなみにGoogle ChromeだとURLのhttpsをhttpに変えてみてもhttpsにリダイレクトされる。(IE11とかFirefoxだとhttpで管理画面にアクセスできた)
これだとローカルでサイト構築するのにとても不便だ。

これに出くわすのは2回目だった。また忘れてたから備忘録。

証明書をブラウザに設定する

ここからはGoogle Chromeの話。
先に解決策を言ってしまえば、SSLの証明書を設定してしまえばGoogle Chromeでも無事アクセスできた。

サイトの設定へ

アドレス欄にhttpsの部分に取り消し線がついて、その左に「保護されていません」と表示される。
これをクリックすると「証明書」のウィンドウが表示される。
Local by Flywheel側で作った証明書自体は存在しているということだろう。

これをこのウィンドウの下にある「サイトの設定」から設定する。

証明書のインポート

上部にある矢印から二つほど戻って「プライバシーとセキュリティ」。
アドレスバーにchrome://settings/privacyでもいいかもしれない。

「証明書の管理」をクリックすると「証明書」ウィンドウが表示される。※上記のものとは別なもの。
こちらから証明書をインポートすればOK。

クリックすると「証明書のインポートウィザード」が表示されるので「次へ」進み、証明書ファイルを登録する。
Windowsでの証明書の場所は、

C:\Users\{USERNAME}\AppData\Roaming\Local by Flywheel\routes\certs

にあった。
※Windows10の場合
※{USERnAME}は適宜変更してください

サイトurlのcrtファイルがあるのでそれを設置する。

「次へ」進むとどの証明書ストアに設置するか聞かれるので、証明書ストアの参照から「信頼されたルート証明機関」に設定する。

これでGoolge Chromeでも管理画面にアクセスできるようになった。
利用するブラウザごとに設置作業しなくちゃいけないのかな?

とりあえずはChromeで進めるから、他のブラウザはもう少し後に考える。

条件

どんな条件で発生しているのかはよくわかっていない。
Macだと大丈夫だったりするのかな?

  • Windows10 Home バージョン1709
  • Google Chrome バージョン: 63.0.3239.132

Windowsがアップデートされる前は普通にアクセスできた気がするんだよな。
もしくはLocal by Flywheelのバージョンアップの方だったか。

それでもMAMPとかXAMPPで始めるよりずっと簡単にWordPress始められるからLocal by Flywheelの方が好きなのだ。

参考サイト