演習04 Webサーバ（PacketTracer）

Webサーバを稼働させる
おわりに

Webサーバを稼働させる

演習03で基本的なネットワーク通信が出来るようになりました。しかしpingコマンドによる疎通確認だけではイマイチ面白くありません。そこで今回はちょっとだけ実用性のある例として、LAN内でWebサーバを稼働させてみましょう。

今回実験するネットワーク

ネットワーク図

演習03とほぼ同じです。PC-B が Server-A に変わっただけです。PacketTracerではWebサーバをはじめ様々なサーバ機能を持った『Server-PT』というデバイスが用意されていますので、それを使用します。

必要機材

実行例では、以下の機材をワークスペース上に配置しました。

種類	台数	PacketTracerでの機種例
ルータ	1台	Network Devices/Routers/1841
ハブ（又はスイッチ）	2台	Network Devices/Hubs/PT-Hub
PC	1台	End Devices/End Devices/PC-PT
サーバ	1台	End Devices/End Devices/Server
ケーブル	4本	Connections/Connections/Copper Straight Through

サーバの配置

実機では一般的なPCにXAMPPなどを用いてサーバソフトウェアをインストールすることが出来ますが、PacketTracerではワークスペースに配置したPCに新たにサーバソフトウェアをインストールすることは出来ません。よって、最初からサーバ機能を持ったデバイスをワークスペースに配置する必要があります。

サーバの配置方法は以下の通りです。

① デバイスタイプ選択ボックスの上段で [End Devices] をクリックして選択します。
② デバイスタイプ選択ボックスの下段で [End Devices] をクリックして選択します。
③ デバイス選択ボックスで [Server] をクリックして選択します。

該当機種部分がに変わるので、その状態でワークスペースの適当な場所をクリックし、Serverを配置します。

ワークスペース上で表示されるデバイス名の変更や、操作ウィンドウの開き方は[PC-PT]の場合と同じです。

PC、サーバの設定

PCおよびサーバのIPアドレス等の設定内容は以下の通りです。
設定方法は演習01を参照してください。

デバイス名	IPアドレス	サブネットマスク
PC-A	192.168.0.101	255.255.255.0
Server-A	192.168.10.201	255.255.255.0

ルータの設定

ネットワーク図に書かれているとおりに各インターフェイスのアドレスを設定します。今回もルータ起動時からすべてのコマンドを下に示します。ただしシステムメッセージは省略しています。

コマンド入力
コピー＆ペースト用

Router>enable⏎
Router#configure␣terminal⏎
Router(config)#hostname␣RT1⏎
RT1(config)#interface␣fastethernet␣0/0⏎
RT1(config-if)#ip␣address␣192.168.0.1␣255.255.255.0⏎
RT1(config-if)#no␣shutdown⏎
RT1(config-if)#exit⏎
RT1(config)#interface␣fastethernet␣0/1⏎
RT1(config-if)#ip␣address␣192.168.10.1␣255.255.255.0⏎
RT1(config-if)#no␣shutdown⏎
RT1(config-if)#exit⏎
RT1(config)#

Plaintext

enable
configure terminal
hostname RT1
interface fastethernet 0/0
ip address 192.168.0.1 255.255.255.0
no shutdown
exit
interface fastethernet 0/1
ip address 192.168.10.1 255.255.255.0
no shutdown
exit

enable
configure terminal
hostname RT1
interface fastethernet 0/0
ip address 192.168.0.1 255.255.255.0
no shutdown
exit
interface fastethernet 0/1
ip address 192.168.10.1 255.255.255.0
no shutdown
exit

Webサーバの用意

サービスの操作画面を表示する

ワークスペース上でServer-Aをクリックしてサーバ操作画面を表示します。サーバの操作画面はPCの操作画面とよく似ていますが、PCにはない『Services』というタブがあるので、ここをクリックします。

HTTP設定ページを開く

Servicesタブが開いたら、左の『SERVICES』のリストの中から『HTTP』をクリックします。
（既にHTTP設定ページが開いている場合はそのままで）

HTTPサーバを稼働させる

HTTP設定ページの上部、『HTTP』と『HTTPS』の枠内にあるラジオボタンが、どちらも『On』になっているか確認します。もしOnになっていなかったら、Onをクリックして切り替えます。

これでWebサーバが稼働します。

実験用Webページの用意

htmlファイルの作成

Webサーバ上には最初からいくつかのhtmlファイルが存在しますが、今回は練習のため、以下のような新規ファイルを作成しましょう。

新規にファイルを作成するには、HTTPページ右下の『New File』をクリックします。

ファイルの編集画面が表示されるので、

① File Name（1行テキスト入力欄）に新規に作成するファイル名を入力します。今回は『networktest.html』とします。
② エディタ（画面の大部分を占める複数行テキスト入力欄）には以下のソースを入力します（コピー＆ペースト可能です）。

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>ネットワーク実験</title>
</head>
<body>
  <h1>ネットワーク実験</h1>
  <p>これは Server-A（192.168.10.201）です</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>ネットワーク実験</title>
</head>
<body>
  <h1>ネットワーク実験</h1>
  <p>これは Server-A（192.168.10.201）です</p>
</body>
</html>

③ 入力が終わったら『Save』ボタンをクリックしてファイルを保存します。

Saveボタンをクリックする前に他のページ・タブに移動すると、警告なしにファイルの編集内容が失われます。充分注意してください。

ファイル編集画面を閉じる

ファイルの編集が終わったら、編集画面右下の『File Manager』ボタンをクリックしてファイル一覧画面に戻ります。

HTTPページに戻ると、ファイル一覧に『networktest.html』が追加されています。
なお、ファイルを再編集したい場合はこの画面のファイル名の右にある『(edit)』を、
また、ファイルを削除したい場合は『(delete)』をクリックします。

動作確認

PC-AのWebブラウザで確認する

PacketTracerのPC-A上でブラウザを起動する

ワークスペース上でPC-AをクリックしてPC-Aの操作画面を開き、Desktopタブをクリックします。

Desktop画面のアプリケーション一覧で、『Web Browser』をクリックします。

ブラウザでWebページを表示する

ブラウザが表示されたら、

① URL欄に『http://192.168.10.201/networktest.html』と入力します。
② URL欄右の『Go』ボタンをクリックします。

このように画面が表示されれば成功です。

上手くいかなかった場合

File Not Foundが表示された場合

ブラウザ画面に『File Not Found』と表示された場合、Webサーバは正常に動作し、かつPC-AとServer-Aの間の通信も正常に行われています。

Server-Aの操作画面でServicesタブを開き、httpサービスのファイル一覧に『networktest.html』というファイルがあるか確認しましょう。

Webサーバの動作の確認

Webサーバ側に問題が無いか確認しましょう。

Server-Aでブラウザを開き、URL欄に『http://localhost/networktest.html』と入力し、ページが表示されるか確認します。

正常に表示された場合、サーバは正常に動作しています。

表示されない場合、Server-Aの操作画面でServicesタブを開き、『HTTP』が『On』になっているか確認します。それでも表示されない場合、『networktest.html』の(edit)をクリックし、ファイルの内容に問題が無いか確認してみましょう。タグの閉じ忘れなどで、htmlファイルが転送されていてもブラウザに何も表示されないことがあります。