パソコン

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. Macのテキストエディットで文字数カウント

    パソコン

    Macのテキストエディットで文字数カウントを実行させる設定方法(AppleScript)

    Macのテキストエディットで文章を書いている時に文字数を教えてしてほし…

  2. Macで一括リネーム

    パソコン

    Macで画像などのファイル名を一括リネームするために「Automator」を使ってみる

    大量にある画像ファイルなどのファイル名を一括でリネームする必要があった…

  3. 明るさ自動調整を解除する方法

    パソコン

    Macのディスプレイ画面の明るさ自動調整を解除する方法

    Macを使っていてディスプレイ画面の明るさが自動調整される時ってありま…

  4. テキストエディットで検索した文字を置き換える

    パソコン

    Macのテキストエディットで検索した文字を置き換えるやり方

    前回、Macのテキストエディットで特定の文字を検索するやり方をご紹介し…

  5. パソコン

    Bywordでフォントサイズを変更(拡大・縮小)する設定方法

    Macアプリの美しいテキストエディタ「Byword」でフォントサイズを…

コメント

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

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

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP