0%

DevelopWEB開発・運用ノウハウ

Posted:2018.11.27

hostsファイルでテストサーバーにアップしたサイトをドメインで参照できるようにする

サイトリニューアルの際に、既存サイトは運用しながら、別のサーバーでウェブサイトを構築するようなフローもあるかと思います。そんな時に、現行のドメインでテストサーバー上にあるウェブサイトにアクセスするためのメモになります。

 

本来ですと、ドメイン切り替え前になりますのでIPアドレスでアクセスする必要があるのですが、仕様上ドメインが必要になる場合はちょっとした作業が必要になります。その作業のポイントになるのが今回使用する「hosts」ファイルになります。

 

hostsファイルでIPアドレスとドメインを紐づける

hostsファイルとは、ローカルPCの環境下においてIPアドレスとドメインを紐づける設定ファイルのことです。このhostsファイルで設定すると、これまでIPアドレスでしかアクセスできなかったものが、指定したドメインでもアクセスできるようになります。つまり、hostsファイルはローカルPCにおけるDNSのような役割を果たします。

 

では実際に編集していきましょう。ちなみにここではMacでの作業を前提としているため、Windowsの場合はまた手順が異なります。まずhostsファイルですが下記の場所にありますので、コマンドで移動します。この「etc」フォルダ配下にhostsファイルがあるのですが、この場所はRoot権限が必要となりますので、sudoコマンドを使って管理者権限でvimコマンドで編集します。

$ cd /etc/
$ sudo vim hosts

 

管理者権限での実行になりますので、パスワードの入力を求められますので、入力すると編集できるようになります。hostsファイルの中はこんな感じになっています。

##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting. Do not change this entry.
##
127.0.0.1 localhost
255.255.255.255 broadcasthost
::1 localhost

 

ローカル環境を構築している場合には、他の情報も記載されているかと思います。そして、この最終行以降に今回設定するIPアドレスとドメインを記述していきます。具体的には下記の通り、IPアドレスの後にスペースで区切り、ドメインを記述することで、設定したPC環境ではこれらのIPとドメインが紐づけられるようになります。

# 前にIPアドレスを指定し、スペースで区切りドメインを指定
xxx.xxx.xxx.xxx example.com

 

編集後は保存するとすぐに設定した内容が反映されるようになります。実際にドメインでアクセスしてサイトが表示されるかを確認しましょう。ちなみにこのhostsファイルは同じデバイス内でのみ有効となります。またドメインを切り替えた後はhostsファイルの設定を消しておかないと逆に表示されないなどのトラブルが発生しますので気をつけましょう。

 

いかがでしょうか、ウェブサイトのリニューアルで既存サイトとの並行で進める場合、どこかでサーバー移管するタイミングが発生するかと思います。そんな時はhostsファイルを使って柔軟に対応できるようにしておきましょう。

author
この記事を書いた人オガワ シンヤ
FacebookTwitter

DesignSupply.代表 / ディレクター・ウェブデザイナー・フロントエンドエンジニアをやっています。「ウェブとデザインでヒト・モノ・サービスを繋げ新しい価値を生み出す」をコンセプトに日々奮闘中!制作中はチョコレートが欠かせない三十路Webクリエイター。

制作のご依頼やお問い合わせ・パートナー業務提携のご相談はこちら

デザインやウェブ制作についてのご依頼やご相談、その他お問い合わせなどもお気軽にご連絡ください。フットワークの軽さやレスポンスの早さ、また豊富な経験や知識、技術を活かした対応力といったフリーランスクリエイターの強みでクライアント様、パートナー企業様のお力になります。デザインからコーディングやWordPress実装といったウェブサイト構築はもちろん、写真撮影や動画編集、コンテンツ制作からサイト運用サポートまで一括してお任せください。

ホームページ制作のご検討やウェブ運用でお悩みの経営者様や企業のウェブ担当者様をはじめ、個人で店舗を営んでいらっしゃるオーナー様、フリーで活動されているビジネスオーナー様はもちろんのこと、リソース不足でお困りの制作会社様、またクリエイターをお探しの代理店様も大歓迎です。

コンタクトをご希望の方はお手数ですが、下記よりお問い合わせフォームのページへアクセスしていただき、必要事項を入力の上メッセージを送信してください。確認でき次第すぐに折り返しご連絡致します。

こんな記事も読まれています

コメントもお気軽にどうぞ

記事に関するご質問やご意見などありましたら下記のコメントフォームよりお気軽に投稿ください。なおメールアドレスは公開されませんのでご安心ください。また、* が付いている欄は必須項目となります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

CAPTCHA


ページトップへ
大阪市天王寺区のホームページ制作デザイン事務所(SOHO)DesignSupply.【デザインサプライ】