はじめに

この記事は、MAMPを使ってブラウザ上にPHPファイルを表示させる方法を記録したものである。PHPでお問合せフォームを作ろうと思い、実行環境としてMAMPをインストールした。MAMP起動後、PHPファイルに書き込んだ内容をブラウザ上に表示する段階で躓いたため、この問題を解決するために試したことを記録しようと思う。

環境・前提条件

使用ブラウザはGoogle Chrome
エディタはVSCode
MacPCにMAMPをインストール（※MAMP Proは使わない）
MAMPの設定
- Webserver: Nginx
- PHP-Version: 7.4.33
- ポート番号: 8888

試したこと

まず、PHPが実行できる状態であるかどうかを確認する。MAMP起動後、起動ボタンの隣にあるWebStartボタンを押す。MAMPのスタートページが表示される。スタートページのURLをlocalhost:8888に変更してアクセスする。Welcome to MAMPというページが表示される。ページ内にPHPのバージョンに関する記述があればPHPが実行できる環境である。

次に、MAMPアプリケーション内のhtdocsディレクトリにファイルを作成する。今回はsample.phpというファイルを作り、ブラウザ上にHello World!と出力する。

sample.php

<!DOCTYPE html>
    <html lang="ja">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Hello World</title>
        </head>
        <body>
            <p>Hello World!</p>
        </body>
    </html>

記述内容を保存したら、ブラウザ上でlocalhost:8888/sample.phpにアクセスする。結果、ブラウザ上にHello World!と表示される。

まとめ

MAMPを使ってブラウザ上にPHPファイルを表示させるには、MAMPアプリケーション内のhtdocsディレクトリに実行したいファイルを入れる必要がある。
MAMP起動後、ブラウザ上でアクセスに使用するパスはlocalhost:8888/ファイル名。