XAMPP インストールとHello Worldを表示

XAMPPは、apache,PHP,MySQL等が手軽に利用できる無料のツールです。
WebサーバーやMySQLの動きを確認したい時に便利です。(確認環境:Windows10)

目次

手順 1.XAMPPを取得する
  2.XAMPPをインストールする
  3.Apacheを起動して確認する
  4.PHPでHello Worldを表示する+htmlファイルを表示する
  XAMPPをアンインストールする

1.XAMPPを取得する

1.XAMPPのページを開きます。
https://www.apachefriends.org/jp/index.html

 

2.画面図にある赤枠の「Windows向け XAMPP」をクリックするとダウンロードが始まります。
(この時のファイル名は「xampp-windows-x64-7.4.7-0-VC15-installer.exe」でした。)

 

2.XAMPPをインストールする

1.ダウンロードしたファイルをダブルクリックします。

 

2.この警告が表示され場合は「OK」を押します。
UAC(ユーザーアクセスコントロール)のためにXAMPPをC:¥Program Files (x86)にインストールするのを避けてくださいと書いてあるのでC:¥Program Files (x86)以外の場所にインストールします。

  

 

3.「Next」を押します。

 

4,インストールするコンポーネントを選択します。特に変更せずに「Next」を押します。

 

5.インストールする場所を指定します。サンプルではD:¥xamppにしました。

 

6.「Next」を押して進めます。
MySQLのパスワードを入力する画面はありません。初期のパスワードは空白です。

 

7.英語表記にするためアメリカの国旗を選んで「save」を押します。

 

8.XAMPPのコントロールパネルが表示されました。インストール完了です。

 

3.Apacheを起動して確認する

Apacheを起動して確認します。

1.XAMPPのコントロールパネルの、Apacheの横にある「Start」を押します。

 

2.Apacheが起動するとPID(s)とPort(s)に数字が表示され、ボタンも「Start」から「Stop」に変わります。

 


Apacheが起動しない場合

このApacheを起動するにはポート番号の80番が空いている必要があります。
80番を使用しているアプリがある場合はそのポート番号を変更するか、またはXAMPPの番号をポート変更します。
XAMPPのApacheのポート番号の変更は以下を参照願います。
XAMPP Apache/MySQL/Tomcatのポート番号を変更

 

3.ブラウザのアドレス欄に localhostと入力するとapacheが起動しているためXAMPPのページが表示されます。

XAMPPコントロールパネルのApacheの行のAdminボタンを押しても同じ画面が開きます。

また、Apacheが起動した状態でMySQLの行のAdminボタンを押すとphpMyAdminが開きます。

phpMyAdminは、MySQLをGUIで操作できるツールです。

 

4.PHPでHello Worldを表示する+htmlファイルを表示する

PHPを動かして確認します。

1.XAMPPコントロールパネルの「Explorer」をクリックします。

 

2.XAMPPをインストールしたフォルダが開きます。
htdocsフォルダ内に移動して、新規フォルダを作成し、そのフォルダ内にindex.phpを作成します。
(サンプルでは、D:\xampp\htdocs\test1にindex.phpを作成)

 

3.index.phpに確認用のphpを書きます。
ファイルを保存するときは、エンコードの種類をUTF-8にして下さい。

<?php

$moji = "Hello World";
echo $moji; // Hello Worldと表示される

?>

 

4.ブラウザのアドレス欄に localhost/test1と入力すると画面にHello Worldと表示されます。

※Apache側のポート番号を8080に変更していた場合は、localhost:8080/test1と指定します。

 

htmlファイルを表示する

htmlファイルもサーバーのファイルとして確認できます。

1.D:\xampp\htdocs\test1にtest1.htmlを作成する。

2.http://localhost:180/test1/test1.htmlでアクセスする。

 

XAMPPをアンインストールする

Windowsのスタートメニューから「XAMPP」>「Uninstall XAMPP」を選択し、手順に沿ってすすめればアンインストールできます。

関連の記事

XAMPP Apache/MySQL/Tomcatのポート番号を変更
XAMPP phpMyAdminでデータベースを作成/削除する手順
XAMPP phpMyAdminでテーブルを作成/データを登録する
PHP MySQLへ接続してselectするサンプル

△上に戻る