Zenn
🦣

MAMP｜複数バーチャルホストの作成方法【ドメイン形式対応】

2023/08/16に公開
WordPress
macOS
MAMP
tech

実現したいこと

  • 複数のバーチャルホストの追加
  • ポート番号形式（localhost:8888）からドメイン形式（xxxx.local.com）のアクセスへの変更

経緯

「Local by Flywheel」で原因不明のデータベース接続確立エラーが多発したので乗り換えた。

設定手順

設定手順は以下の通りです。

1：まずはMAMPの設定

対象ファイル

/Applications/MAMP/conf/apache/httpd.conf

編集箇所①

httpd.conf
# Virtual hosts
# Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

↓↓↓↓変更してください

# Virtual hosts
Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

編集箇所②

httpd.conf
Listen 8888

↓↓↓↓変更してください

Listen 80

編集箇所③

httpd.conf
# ServerName localhost:8888

↓↓↓↓変更してください

ServerName localhost:80

編集箇所④

httpd.conf
<Directory />
    Options Indexes FollowSymLinks
    AllowOverride None
</Directory>

↓↓↓↓変更してください

<Directory />
    Options Indexes FollowSymLinks
    AllowOverride All
</Directory>

2：新規ルートディレクトリを作成

新規追加するバーチャルホストのディレクトリを作成します。

対象ディレクトリ

/Applications/MAMP/htdocs/⚪︎⚪︎⚪︎⚪︎⚪︎⚪︎

上記箇所に任意の名前のルートディレクトリフォルダを作成してください。
その後、フォルダ内に表示確認用のindex.htmlや.htaccessを作成しましょう。

index.html
<!DOCTYPE HTML>
<meta charset="utf-8">
<html lang="ja">
<head>
<title>バーチャルホスト表示確認用</title>
</head>

<body>
<h1>表示成功</h1>
<?php echo 'PHPは動作しています'; ?>
</body>
</html>
.htaccess
# 文字コードをUTF-8にする指定
AddDefaultCharset utf-8

# PHP使用可能の設定
AddType application/x-httpd-php .php .html .htm

3：MAMP設定にバーチャルホストを追加

作成したバーチャルホストをMAMPの設定に追加します。

対象ファイル

/Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

追記する内容

httpd.conf
<VirtualHost *:80>
    DocumentRoot "/Applications/MAMP/htdocs/⚪︎⚪︎⚪︎⚪︎⚪︎⚪︎"
    ServerName ⚪︎⚪︎⚪︎⚪︎⚪︎⚪︎.local.com
</VirtualHost>

4：Macのhostsファイルにドメインを登録

/private/etc/hosts

Macのhostsファイルにドメインを追記します。

追記する内容

hosts
127.0.0.1 ⚪︎⚪︎⚪︎⚪︎⚪︎⚪︎.local.com

5：接続テスト・設定完了

MAMPを再起動して、追加したバーチャルホストに正常にアクセスできるか確認しましょう。

以上で設定完了です！

以降の追加手順

前述の手順2〜5を繰り返し行う。

参考記事

https://kuichi.hatenablog.com/entry/202002050800

Discussion