MAMP

MAMPにバーチャルホストの設定を追加する

MAMPにちょっとした設定を追加することで
ローカル環境でのみ閲覧可能なクローズドのホームページが複数設定(バーチャルホスト)可能となります。
※作業する前に必ず手を加えるファイルはバックアップを取りましょう。

httpd.confの設定変更

バーチャルホストの設定を行うには「httpd-vhosts.conf」にその設定を書き込む必要がありますが、
デフォルトでは「httpd-vhosts.conf」が読み込まれない設定になっているので
まずは読み込まれるようにMAMPの設定を変更します。

「Applications→MAMP→conf→apache」フォルダにある「httpd.conf」というファイル(※)をAtom等のテキストエディタで開いてください。

※ファイルパス:
/Applications/MAMP/conf/apache/httpd.conf

エディタの検索機能等を使って「# Virtual hosts」と書かれている箇所を探し、
以下を参考に修正してください。
(「Include」の前に書かれている「#」を削除するだけです)

以上で「httpd-vhosts.conf」が有効になりました。

バーチャルホストで表示するフォルダを用意

MAMP内の「htdocs」フォルダに、バーチャルホストで表示するフォルダを作成します。
※フォルダ名とローカルURLのドメイン名を合わせておくとわかりやすいです。

/Applications/MAMP/htdocs/virtualhost1.com

「virtualhost1.com」としました。
次は作成したフォルダ「virtualhost1.com」が読み込まれるように
MAMPの「httpd-vhosts.conf」にバーチャルホストの設定を追加します。

バーチャルホストの設定

「Applications→MAMP→conf→apache→extra」フォルダの「httpd-vhosts.conf」ファイル(※)をAtomなどのテキストエディタで開いてください。

※ファイルパス:
/Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

バーチャルホストの設定は一番下の方に書かれています。

サンプル(dummy-host.example.com)の設定を見ると、
いろいろと書かれているためややこしそうに感じますが
実は「DocumentRoot」「ServerAlias」だけ用意すればOKです。

DocumentRoot バーチャルホストで表示するフォルダへのパス
ServerAlias ブラウザで表示する際のローカルURL

上記が完成型です。
最後にシステムファイル「hosts」に設定を追加します。

「hosts」に設定を追加

「hosts」はMacのシステムファイルで

TCP/IPを利用するコンピュータにおけるホスト名のデータベースで、IPアドレスとホスト名の対応を記述したテキストファイル
by Wikipedia

とのこと。

「システムファイル」と言われると、Mac本体に何らかの影響がありそうで触るのが怖いですね。
だから必ず作業前にバックアップをとるようにしましょう。

「hosts」のバックアップ


Finderを開き、メニューバーの「移動→フォルダへ移動」を選択してください。


表示された入力欄に「/private/etc」と入力し「移動」をクリック。


お目当ての「hosts」が表示されたら右クリックでファイルを複製してください。
※複製する際にパスワードの入力を求められます。

「hosts」に設定追加

「hosts」に設定を追加するためには管理者権限が必要です。
そんな時はMacのターミナルというエディタを使います。


『ターミナル』は「アプリケーション>ユーティリティ」の中にあります。
見つからなければ「Spotlight」で「ターミナル」と検索してください。

ターミナルが起動したら以下コマンドを入力し「return」を押しパスワードを入力してください。
※パスワードは画面に表示されませんが気にせず「return」を押してください。

sudo vi /private/etc/hosts


「hosts」の編集画面が表示されたら上記を参考に「virtualhost1.com」の設定を追加してください。
※ターミナルは、「A」など適当なキーボードのキーを押すと編集モードになり文字が入力できる状態になります。
※新しくバーチャルホストを追加する際も、IPアドレスは毎回「127.0.0.1」です。

ターミナルに設定を追加する際

入力出来たら最終確認を行いキーボードの「esc」をクリックし「:wq」と入力しキーボードの「return」を押してください。
以上で一通り作業は完了です。

動作確認

「MAMP」を起動させたら
ブラウザに「localhost.virtualhost1.com」と入力し、
設定したフォルダの内容が表示されることを確認してください。
※「virtualhost1.com」フォルダの中に何も入っていなければ何も表示されませんのでご注意ください。

『MYRIANN Bose QuietComfort 25専用Bluetoothレシーバー』レビュー前のページ

タイヤを外さない後輪ギアのお手入れ方法次のページ

ピックアップ記事

  1. 【経験者が語る】独学で学ぶ、webデザインの学習ロードマップ!スクール不要で再就…
  2. Macubeクリーナーの解約方法がわかりにくくて困った

関連記事

  1. アウトプット

    Macubeクリーナーの解約方法がわかりにくくて困った

    Macのストレージが「その他領域」で困っていたので検索したところ、…

  2. アウトプット

    【AIライティング記事対策】AIで書かれた記事ではないことをアピールする手段

    先日、息子とフォートナイトを楽しんでいた時のことです。「ミニガン」…

  3. Adobe XD

    Adobe XDで「最近使用したファイル」や「クラウドドキュメント」が表示されず困った話

    XDでデザインを作成している際に、突然アセットのリンクが切れ、再リ…

  4. MAMP

    [Mac]Dropboxで複数PC間のMAMP環境を同期する

    複数PC間でHTMLファイルを共有した状態でMAMPを使うための設定。…

  5. アウトプット

    .gitignoreのローカル環境共通化のための設定

    「.gitignore」が毎回作成しなくて良くなる方法をメモ。…

  6. アウトプット

    [Mac]プリンタ設定でいつもつまづくのでメモ

    頻繁に設定しない「Macのプリンター設定」で、毎回つまずくのでメモ。…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ピックアップ記事

最近の記事

  1. MAMP

    [Mac]Dropboxで複数PC間のMAMP環境を同期する
  2. Adobe XD

    Adobe XDで「最近使用したファイル」や「クラウドドキュメント」が表示されず…
  3. Webデザイン

    デザイン作業の中の情報設計パートについて
  4. レビュー

    自転車通勤やアウトドア活動で雨にあった時におすすめ。ドッペルギャンガーポンチョを…
  5. ロードバイク

    SCHWALBE バルブエクステンションの使い方
PAGE TOP