icon
icon

XAMPPでSSLを設定する方法【初心者向け】

XAMPPで【SSL】を設定する方法を初心者向けに解説した記事です。この設定を行えば、URLが「https」で始めるように設定することができます。テキストエディタがあればすぐに実行できるので、記事を読んで設定してみましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

普段からWebページを閲覧していると、URLが「https」から始まっているページを見かけることも多いと思います。この「https」から始まっているページが、SSL通信をしていることの目印になります。

SSL通信とは、自分が使っているPCとWebサイトの間の情報のやり取りを暗号化して行うことをいいます。データを意図的に改ざんしたり、盗み見したりすることから身を守るために暗号化して通信することは重要になります。

 

そこで今回は、XAMPPを利用してWebアプリケーション開発をする際の、SSL通信の設定方法をご紹介します。

XAMPPをインストールが完了していることが前提となります

 

大石ゆかり

httpsってショッピングサイトでよく見かけます。最近他のサイトでも増えてきていますよね。

田島悠介

httpの場合、データが通信経路上で暗号化されておらず、平文で流れていたりするんだ。

大石ゆかり

普通のサイトのページだったら問題ないかもしれないですけど、セキュリティに関わることだと安心できないですね。

田島悠介

そうなんだ。SSL通信にすると負荷は高まるものの、通信が暗号化されるんだ。XAMPPでSSL通信の設定を見てみよう!

 

XAMPPでSSL通信の設定を行う

まずはブラウザに「http://localhost」と入力して開きます。

WS000002

 

下記画面が出てきたら、言語を選択します。

※今回は日本語を選んでいます。

WS0000041

 

言語を選択したら、次に表示される画面から「phpinfo()」をクリックしてください。

WS000001

 

そこで表示された画面で、「xamppphpphp.ini」で検索をかけます。

WS000003

 

すると、このように見つかります。

WS000004

 

ここで検索された「php.ini」ファイルをテキストエディタで開き、さらにファイル上で「extension=php_openssl.dll」で検索をかけます。

このように抽出されると思います。

WS000017

ここで、「;extension=php_openssl.dll」の中で「;」を削除して、上書き保存してファイルを閉じます。

 

続いて、「XAMPP Control Panel」を表示させて、下図の赤枠をクリックしてください。

WS000005

 

下図緑枠のように表示されたのを確認した後、再度赤枠をクリックしてください。

WS000006

 

緑枠のように「PID(s)」と「Port(s)」に数字が割り振られたらOKです。

WS000007

これでSSL設定は完了しました。

 

おわりに

XAMPPでSSLを設定する方法については以上です。

XAMPPをさらに使いこなしたい場合は、XAMPPでセキュリティ設定を行う方法も合わせてご覧ください。

 

大石ゆかり

php.iniって前に使いましたね。設定ファイル。extension=php_openssl.dllのコメントのセミコロンを外すだけですね。後はapacheの再起動で有効になるんですね。

田島悠介

そうなんだ。ただし、ブラウザでhttps://localhost/など、ファイルにアクセスしてみると・・・。

大石ゆかり

chromeのブラウザを使ってるんですが、警告が出てきました!

田島悠介

SSL通信になってるけど、証明書がないと警告が出るんだよ。SSL通信は単に仕組みなんだけど、本当に該当のサーバとデータを送受信しているっていう保証がなかったりするんだ。そのために証明書が必要なんだよね。

 

PHPを勉強していて、
・もっと効率的に勉強したい
・誰かに聞きながら学びたい
・自分でWebサービスを作りたい
と思ったことはないでしょうか?

そんな方のために、TechAcademyではオンラインブートキャンプPHP/Laravelコースを提供しています。

現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、オリジナルWebサービスを開発することが可能です。

独学に限界を感じている場合はご検討ください。

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」

こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料相談を予約する