0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Local - WordPressローカル環境のSSL化

Last updated at Posted at 2021-07-17

#まえがき
前回投稿したLocalシリーズ(🔗 わたしのQiita)の、
WordPressのローカル環境のSSL化についてでございます。
Localの公式ドキュメントを見ながらSSL化しました。
ローカル環境でSSL化することで、本番環境への移行がスムーズにできるのですね。
HTTPからHTPPSに置き換えるプラグイン(Better Search Replace)もあるのですが、
勉強のために使用せず、今回はターミナルを用いてSSL化に挑戦します。
これでレオリオとクラピカに会うことができました。船長さんに認めてもらいましょう。

#動作環境
・MacBook Air (Retina, 13-inch, 2020)
・Big Sur 11.4
・ターミナルシェル:zsh
・Google Chrome:91.0.4472.114

#前提
Mac BigSurであること。
∟ Big Sur以前はSSL証明書をワンクリックでできます。

#方法
(1)Localで証明書を作成します
LocalでSSL化したいサイトのSSLセクションの横にある TRUST をクリック
local0.png
(2)Macアプリケーションの「キーチェーン」を開きます
パスワードやsshキーだけでなく、SSL証明書なども含まれるとのことで、
いかに重要なアプリケーションかが分かります。覗き込まれたら話になんない。
🔍 SSL化したいサイト名を検索 -> > 信頼 をクリック
local1.png
(3)この証明書を使用するとき:常に信頼 に変更します
local2.png
(4)証明書が機能しているかを確認します
再度Localを開き、OPEN SITEをクリック
-> アドレスバーのhttp://からhttps://に書き換えてEnter
-> 鍵マークが付いたhttpsサイトが表示されるか確認
local3.png
(5)ローカルサイトのデータベース内のURLを更新します
前述通りターミナルで更新します。プラグイン希望の方はこちらを参考にしてみてください。
🔗 WordPressサイトをSSL化!httpからhttpsに変更するお手軽3ステップ
SSL化したいサイト名を右クリック -> Open Site Shell をクリック
local5.png
(6)ターミナルが開かれるので、

wp search-replace 'http://あなたのSSL化したいアドレス.local' 'https://あなたのSSL化したいサイトのアドレス.local'

と入力します。
例)

wp search-replace 'http://phptest.local' 'https://phptestlocal'
/Users/watashi/Library/Application\ Support/Local/ssh-entry/RgkikxVMm.sh ; exit;  
watashi@figgy ~ % /Users/watashi/Library/Application\ Support/Local/ssh-entry/RgkikxVMm.sh ; exit;
-n -e 
Setting Local environment variables...
----
WP-CLI:   WP-CLI 2.5.0-alpha
Composer: 1.10.8 2020-06-24
PHP:      7.4.1
MySQL:    mysql  Ver 14.14 Distrib 5.7.28, for macos10.14 (x86_64) using  EditLine wrapper
----
Launching shell: /bin/zsh ...
watashi@figgy public % wp search-replace 'http://あなたのSSL化したいアドレス.local' 'https://あなたのSSL化したいサイトのアドレス.local'

(7)Success!と表示されれば完了です!
local6.png
たまたまなのか、すぐには反映されず数時間はかかったと思われます。
前日の夜に行い、次の日の朝にOPEN SITEをクリックするとSSL化されていました。

#あとがき
なにかのエラーや、一難去ってまた一難を経験すると、
わたしたちが普段見ているホームページを作成する・継続することは
苦労や厳しさを痛感しますが、達成できた時の喜びはそれに勝るなぁと感じます。
自分でもまえがきの段階の踏み方は細かすぎるやろ!と思いますが、
これくらいの方が楽しいかなと。。いつハンター試験をクリアできるか楽しみです。

お読みいただき、ありがとうございました。

#参考
https://localwp.com/help-docs/ssl/managing-local-sites-ssl-certificate-in-macos/

0
2
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
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?