そういうのがいいブログ

SIerで働く30代サラリーマンSEがインフラエンジニアに憧れてLinux・クラウド・AWSの勉強をするブログ

Windows10にXAMPPインストール・Apache+PHP+MySQL(MariaDB)環境構築

※[PR]当ブログの記事の中にはプロモーションが含まれています。

・Windows10の端末でApachePHPMySQLの開発、テストをするためにXAMPPをインストールしたい。
・具体的な手順を教えてほしい。

こういった疑問に答えます。

本記事の内容

  1. Windows10にXAMPPをインストールする手順

この記事を書いている私は、某SIerに勤務しながら、
WEB系エンジニア・インフラエンジニアに憧れて、プログラミングおよびインフラ技術の勉強をしています。

こういった私が、解説していきます。

私が実機で試したコマンドや画像を載せて書いています。
記事の信頼性担保に繋がると思います。

Windows10にXAMPP(8.0.0)をインストールする手順

XAMPPとは

「XAMPP」とは、WEBアプリの開発環境に必要な
Apache + MySQL(MariaDB) + PHP + Perl」が一つにパッケージされたソフトで、
簡単にローカル開発環境を作ることができます。

手順①:XAMPP公式サイトからインストーラをダウンロード

≫https://www.apachefriends.org/jp/ 

Windows向けXAMPP」をクリックするとインストーラがダウンロードできます。

手順②:XAMPPのインストール

ダウンロードしたインストーラxampp-windows-x64-8.0.0-2-VS16-installer.exeをダブルクリックして起動。

ユーザアカウント制御が表示されたら「はい」をクリック

「Question」メッセージが表示されますが「Yes」をクリック

「Warning」メッセージが表示されますが「OK」をクリック

セットアップ開始画面が表示されたら「Next」をクリック

コンポーネント選択の画面はデフォルトのままで「Next」をクリック

インストール先のディレクトリはデフォルトのC:\xamppのままで「Next」をクリック

言語選択は「English」を選んで「Next」(日本語はありません)

「Learn more about Bitnami for XAMPP」のチェックを外して「Next」をクリック

インストール準備完了の画面が表示されたら「Next」をクリック

インストールが始まる

インストール完了の画面が表示されたら「Do you want to start the Control Panel now?」にチェックが入った状態で「Finish」をクリック

手順③:XAMPPコントロールパネル画面

XAMPPのコントロールパネルの画面が表示されます。使い方は以下。

  • サービス起動: 「Start」ボタン
  • サービス停止: 「Stop」ボタン
  • サービス再起動:「Stop」ボタンで停止してから、「Start」ボタンで起動 
  • コントロールパネル画面の終了: 「Quit」ボタン(コントロールパネル画面を終了してもサービスは「Stop」ボタンをクリックするまでは起動しっぱなし)

Apacheの起動

Apache」の「Start」ボタンをクリックしてApacheを起動してみます。

Apache」が起動すると、PID(s)にプロセス番号が、Port(s)にポート番号が表示されます。

XAMPPのダッシュボードを開く

Apacheの「Admin」ボタンをクリック

ブラウザが開いて、XAMPPのダッシュボード画面が表示されます。

http://localhost/dashboard/

PHPInfoの表示

XAMPPダッシュボードで「PHPInfo」をクリック

PHPInfo画面が表示されます。

手順④:バーチャルホストの設定、ドキュメントルートの変更

souiunogaii.hatenablog.com

参考サイト

programming-selfstudy.hatenablog.com

www.webdesignleaves.com