0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

XAMPPをインストールしてPHPの環境を簡易構築した備忘録

Posted at

はじめに

業務で扱う可能性が出てきたためPHPの環境を自宅に作りたいと思い構築した備忘録です。
実際にWebサーバを起動させてブラウザで表示させるところまで試します。

XAMPPってなに?

簡易的にPHPの環境を構築できるOSSのツールです。
インストールするだけで、PHP、DB、Webサーバ等を一括で使えるようにできます。
本来であれば、個別にインストールしないといけないため、今回は手間を省くために使ってみます。

XAMPPってどういう意味?

それぞれの頭文字をとっています。

X:クロスプラットフォーム(Windows,Linux,MaxOSどれでも使える)
A:Apache(Webサーバ)
M:MySQL(DB)
P:PHP
P:Perl

注意
インストールするXAMPPのバージョンによって使用できる各言語、サーバのバージョンが決まってるます。

XAMPPインストール

下記サイトから自分が使用するOSに合わせてインストールします。
今回はWindowsにインストールします。

インストールが終わるとインストーラがローカルに保存されます。

image.png

XAMPPセットアップ

  1. インストーラの起動
    起動すると下記画像のような警告のポップアップが表示されます
    →OK押します。

image.png

  1. 画面に沿ってNextを押していきます。
    image.png

  2. インストールするものにチェックを付けてNext押します。不要なら外してOK
    image.png

  3. インストールするPathを決めます。デフォルトでOKです。
    image.png

5.言語を決めます。日本語はないのでデフォルトの英語にしておきます。
image.png

  1. 最後にNext押してインストールがはじまります。
    image.png

  2. しばらく待機します
    image.png

8.Finishで完了です。「このアプリをセキュリティ的に許可するか?」とポップアップがでたら許可でOK

image.png

XAMPP起動

起動後の画面です。
各モジュールに対するStartボタンを押すことで起動します。

image.png

  1. Apacheを起動する。成功すると緑のマークが付き、ポート番号、PIDが表示される。
    エラーがでたら、Logsを押すことでErrorログ等を確認できるため、ログから原因を調査する。
    →だいたいポートの競合でエラーを吐くことが多い。

image.png

メモ
Netstatボタンを押すことで現在使用している端末のポート状態を確認できる

例:Apatchでポート競合していエラーが出た場合、NameにSystemとなってることがある。
この場合使用端末で既にポートを使用している場合があるため、問題なければ先に使ってるプロセスを止める。

image.png

Windowsの競合の場合

下記を確認する

コントロールパネル→プログラムプログラムと機能→Windowsの機能の有効化または無効化を選択
image.png

インターネットインフォメーションサービスん→World Wide Webサービスのチェックを外してOK
→Windowsでデフォルトで機能しているIIS(webサーバ)を停止ができる。

image.png

2.ブラウザでWebサーバが機能してるか確認する

アドレスバーにlocalhostと入力してEnterで下記画面が表示されていればOK

image.png

image.png

テスト用PHPファイルを作って画面上に表示する

  1. VSCODEを起動します。(エディタは何でもよいです。)

image.png

  1. 先程インストールしたXAMPPのフォルダ配下にあるhtdocsをVSCODEで開く

image.png

image.png

3.新規にファイルを作成しhello.phpとする
image.png

image.png

  1. hello.phpにテストコードを書く
# hello.php
<html>
    <body>
        <h2> My First PHP Webpage </h2>

        <?php echo "Hello World!!";
        ?>
    </body>
</html>

image.png

5.アドレスバーに作成したファイルのパスを書いて実行
ブラウザ上に表示されることを確認

image.png

image.png

以上、ソフトのインストールからブラウザ上に作成ファイルを表示するところまで確認ができました。

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?