【画像解説付き】IISのサイト登録とバインド設定【手順・方法/環境構築】

こんにちは、カヨです。

今回のお題は、

「IISのサイト登録とバインド設定」
【IIS(Internet Information Services)のセットアップ】

WEBサイトのコード編集を新しいPCでもできるようにしてく作業の中の一つIISへの設定。筆者は静的サイト（ HTMLとCSSだけで作られていて、サーバーが特別な処理をしないサイト）をメインに担当しているのでその設定の流れをまとめてみた。

こんな方に読んでいただきたいと思っています！

✔︎IISでサイト開発用・コーディング用の環境を設定する人
✔Windowsでサイトのコーディングを行う人
✔ローカルIISサーバーを利用して静的サイトを作成しようとしている人

前提

・Windows11
・IIS(Internet Information Services)を使用してサイトを見る
・IISはWindows用のサーバーです。
・静的サイトの場合の手順です。※動的なサイトなどは追加設定が必要です！
・ローカル（開発環境の設定です。本番とは異なることがあります。）

IISにサイトを登録する手順

✔IISを開く＞最初の矢印を開く＞サイトを右クリック＞WEBサイトの追加

✔Webサイトの追加を設定する（ピンクの枠内）

サイト名：＜IIS内で管理するための名称＞（例：sample-site.com）
物理パス：＜wwwまで＞（例：C\Users\＜あなたのPC名＞\Desktop¥sample-site.com¥www）

筆者

筆者はサイト名はプロジェクト名（ドメイン名）と揃えています。管理用なのでわかれば何でもOKですがわかりやすいのでこの設定にしています。物理パスはサイトをクローンして場所、プロジェクトまでの場所にwwｗまでを指定します。

バインド設定をする手順

同じ画面上で設定できるので同じカテゴリの設定だと思っていたのですサイト登録とバインドは別の設定なので項目訳をしました。

✔バインド設定（水色枠の中）
　→設定したらOKをクリック

ポート：＜PC上で１つのサイトのみ管理するなら80でOK！複数ならプロジェクトで分ける＞

筆者

筆者は複数サイトを管理するのでポートは分けています。また、Gulpでサーバーの立ち上げを設定しているのでプロジェクトごとにそこ「proxy:”localhost:”8000″,」ようにgulpfile.js内に書かれているプロキシサーバーの設定部分を確認して設定します。8000、8001、8002など