パソコン

Macに入っているApacheでバーチャルホストを設定してみる

Macには標準でApacheが入っているので、それを活用してバーチャルホストを設定してみました。最終的にやりたいことは、開発用の作業用フォルダを/Users/ユーザー名/の中にworkというフォルダを作成して、その中で作業できるようにすることです。ということで素人ながらなんとか設定できたので、一連の流れを忘れないように備忘録がてら記事にしてみます。

[ads_center]

バーチャルホストの設定

まずは最終的に自分が作業したいフォルダを作成しときます。

/Users/ユーザー名/workです。

Apacheの設定

Apacheの設定ファイルを編集します。設定ファイルは/etc/apache2/httpd.confにあるのでこれをsudoをつけて編集していきます。

sudo vim /etc/apache2/httpd.conf

下の方に行くと、以下のようなコメントされた記述があるのでそのコメントを外します。

変更前
# Virtual hosts
#Include /private/etc/apache2/extra/httpd-vhosts.conf

変更後
# Virtual hosts
Include /private/etc/apache2/extra/httpd-vhosts.conf

httpd-vhosts.confの設定

上記のファイルを設定していきます。こちらもsudoをつけます。

sudo vi /private/etc/apache2/extra/httpd-vhosts.conf

http://example.com/にブラウザからアクセスすると/Library/WebServer/Documents/example.comとなるようにします。

<VirtualHost *:80>
    DocumentRoot "/Library/WebServer/Documents/example.com"
    ServerName example.com
<Directory "/Library/WebServer/Documents/example.com">
order deny,allow
allow from All
</Directory>
</VirtualHost>

hostsの設定

/etc/hostsにあるのでこちらもsudoをつけて編集していきます。

sudo vi /etc/hosts

一番下に以下を記述します。

127.0.0.1     example.com

これで、example.comにアクセスすると/Library/WebServer/Documents/example.comを読み込んでくれます。

Apacheを再起動する

Apacheを再起動します。以下のコマンドの他に、「システム設定環境」→「共有」の中にある「Web 共有」のチェックを一度外して、もう一度つけても再起動されるみたいです。

sudo apachectl restart

シンボリックリンクを貼る

最後に自分が実際に作業するフォルダにシンボリックリンクを貼ります。

ln -s /Library/WebServer/Documents/example.com ~/work/example.com

あとはwork/example.comの中に適当なファイルを入れてブラウザで表示されるか確認できれば終了です。これでローカル環境でのサイト管理や作業場所もわかりやすくなりそうです。

以下のサイトが参考になりました。

シンプルで軽量のレスポンシブなjQueryスライダー「ResponsiveSlides.js」を使ってみた前のページ

MacにMySQLとphpMyAdminをインストールする手順次のページ

関連記事

  1. Airmail 2をMacのデフォルトメールにする

    パソコン

    Airmail 2をMacのデフォルトメールソフトに設定するやり方

    先日インストールした時からずっと気に入って使っているAirmail 2…

  2. ColorQuest

    パソコン

    Macのディスプレイ(画面)上のRGB値や色の名前を表示してくれるアプリ「ColorQuest」

    ColorQuestというMacのアプリがとても便利だったのでインスト…

  3. MacのFinderで画像ファイルのサイズを表示

    パソコン

    MacのFinderで画像ファイルの縦横サイズを常に表示させておく設定方法

    MacのFinder内にある画像ファイルはデフォルトでは何も表示されて…

  4. パソコン

    Macのカレンダーアプリに日本の祝日を追加する設定方法

    Macのカレンダーアプリにはデフォルトでは日本の祝日が入っていません。…

  5. パソコン

    Macのあらゆるアプリのショートカットの一覧を表示させることができる「CheatSheet」

    これめちゃくちゃ便利ですね。なんで今まで入れてなかったんだろう。Mac…

  6. 同時にサイズ変更

    パソコン

    Macのプレビューで複数の画像ファイルを同時にサイズ変更するやり方

    Macのプレビューで複数の画像ファイルを同時にサイズ変更するやり方が便…

コメント

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

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

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP