2017/02/23もはやXamppを利用したWebサイト制作は、プログラマーだけでなくWebデザイナーやコーダーでも常識です。静的なサイトであれば流れに沿ってインストールすれば十分なのですが、SSLをローカルでも利用できるようにするとなるとハードルがグンっと上がります。私もSSLの設定でしばらく躓いていたのですが、やっと動作するようになったのでメモ用に設定手順をまとめておきます。php.iniファイルを書き換えるphp.iniファイルとはPHPの設定ファイルで、通常は以下のディレクトリに配置されています。C:\xampp\php\php.iniこれをテキストエディタで開き、「extension=php_openssl.dll」で検索します。該当行を見つけたら先頭の「;」を削除します。;extension=php_openssl.dll↓extension=php_openssl.dll上書き保存して閉じます。httpd-vhosts.confファイルを書き換える続いて、ローカルIPアドレスを使ってサイトにアクセス出来るように設定します。以下のファイルを開きます。C:\xampp\apache\conf\extra\httpd-vhosts.confファイルの一番下に次の記述を追加します。</VirtualHost>※いずれのパラメーターも任意のものに変更してください上書き保存します。この時点でXamppのコンパネでApacheを再起動すれば、「http://127.0.0.20/」でサイトを表示することができます。この段階ではまだSSLにはまだ対応していません。いくつかポイントを解説します。httpd-ssl.confファイルを書き換える続いて、「https://~」の形式でもサイトを見られるようにします。以下のファイルを開きます。C:\xampp\apache\conf\extra\httpd-ssl.confファイルの一番下に次の記述を追加します。"conf/ssl.key/server.key"</VirtualHost>上書き保存します。Apacheを再起動すれば「https://127.0.0.20/」というように「https」形式でもアクセスできるようになります。いくつかポイントを解説します。ServerNameにはlocalhost:443と記述(そうしないと動作はするがログにエラーが表示される)。仕事でウェブサイトを運営している人は「ローカルIP毎にサイトを分けたい」という要望があるかと思います。手順2、3で記述したものを複製して、IPアドレスDocumentRootServerNameこれら3つの項目をサイト毎に変えるだけです。Apacheを再起動すれば完了です。不安な方の為に入力例を載せておきますね。"conf/ssl.key/server.key"</VirtualHost>※上記のコメント(”↓追加分”などの文言)は設定ファイルに記述しないでください。構文エラーで動作しません。追記:httpd-ssl.confのServerNameにはlocalhost:443を指定してください(動作はしますがエラーを吐く為)。おわりにこれでローカルでのSSL利用が可能になり、本番環境と近い環境になったはずなので、関連ページの作業効率はかなり良くなったのではないでしょうか?あとはメール送信もできれば完璧なんですが行き詰ってます...。「GmailのSMTPサーバーを利用すればローカルでもSendmailが使えるようになる」という記事があったので試してみたんですが、私の環境だとGoogle側でアクセスをブロックしてしまうんですよね。何か良い方法はないものか・・・。PMこんにちは、初めてコメントさせていただきます。Web制作を初めてやります。ローカル環境もSSL化したほうがいいのかなと思い検索していたら、こちらにたどり着きました。非常にわかりやすく、手順通り進めてみましたがhttpsでアクセスしてもページが表示されません。v.3.2.2・GoogleChromeの最新版です。さまコメントありがとうございます。“conf/ssl.key/server.key”↑これをに追加するIPアドレスはhttp通信と同じものの末尾に:443をつける。あとはXamppを再起動するだけです。ちなみに私はクリーンな状態のXamppで、記事の手順を試したら動作したので大丈夫だと思うんですが、個体差とかあるのでしょうかね...。エラーログ(xampp\apache\logs\error.log)から手がかりが見つかるかも知れません。PMありがとうございました。(≧∇≦)おかげさまで設定が滞りなく完了致しました。本当に感謝感謝感謝です。さまお役に立てて良かったです!今後ともよろしくお願いいたします。コメントをキャンセルメールアドレスが公開されることはありません。...コンバージョンアップの為にもフォームの入力必須”以外”の項目は捨てよう。...JavaScriptの関数型パターンによるクラス定義を学び信頼性のあるプログラムを書こうどうも、こんにちわ。...BrowserStackというサービスが便利で凄い!という記事を書いた結果wwwWebデザインをするにあたり各環境でのブラウザの動作検証は欠かせないものです。炎上するも反省しない本当の理由メンタリストDaigoさん、炎上していますね。...主張がコロっと変わるインフルエンサーは本当に信用出来ないのか?最近『インフルエンサー』と呼ばれる人達が注目されています。本業Webエンジニアの副業アフィリエイター。ブログアフィリエイトを中心に行い、最高月収は55万円を達成。小川忠洋が代表を務める『ダイレクト出版』の評判と過去の失態を明らかに!本当に信用できるのかまとめてみました。