【この記事を読むのは、こんなことに困った時】

・ローカルにクローンしたけど次はサーバー設定？
・新しいプロジェクトのIIS（サーバー）の初期設定（バインドポート設定など）
・IISのセキュリティ設定

【環境構築手順メモ　ーⅡ】

＜前提＞

PC：Windows
Webサーバー：IIS
言語：html css C# PHP JS TS
作成：HP
その他：リモートからプロジェクトをクローン

＜きっかけ＞

サイト引継ぎの際の環境構築。

【手順の流れ】

➀ ローカルにプロジェクトを用意する
➁実行環境の導入（npm install）
➂IIS（ローカルサーバー）の設定　　　◀今回はここ！
➃サイト表示の確認
➄画像がコード管理から外されている場合はダウンロード（git管理下ならこの作業は不要）

※➀、➁はここから戻る

【手順】

「➂IIS（ローカルサーバー）の設定」

1. WindowsでIISを開く

　※以下の２方法（◆）どちらかを実行で可能

　◆モニター下左端の「ここに入力して検索」に「IIS」と入力
　　↓ 「インターネットインフォメーションサービス (IIS) マネージャー」と出てくるのでそれをクリック

　◆モニター下左端の「Windowsロゴ」をクリック
　　↓アルファベットごとの一覧が表示されるので Wまでさがり「Windows管理ツール」をクリック
　　↓「インターネットインフォメーションサービス (IIS) マネージャー」と出てくるのでそれをクリック

2. IISにサイト追加

　・左端の接続欄の中の「サイト」を右クリック

　・「サイトを追加」をクリック
　　↓Webサイトの追加のフォームを入力する（サイト名、物理パス、バインドのポート）

サイト名：　例：XXX.com
物理パス（wwwまで）:　クローンしてきたプロジェクトへのパスを選択（www含む）
バインドのポートを設定：例：8000
　　プロジェクトに設定してあるものプロキシの方の数字を入力
　　「proxy:"localhost:8000"」ポート「port: "3000"」は入力しない。※数字は例です

　ーこれでIISのソフト設定完了です！ー

3. セキュリティ設定

　・設定画面へ移動
　　　※以下の２方法（◇）どちらかを実行で可能。後者は先輩から教えていただいた方法

　　◇IISから設定へ移動
　　　　IIS開く➡左「操作」欄の「サイト」➡サイト名を右クリック➡
　　　　「アクセス許可の編集」➡「wwwのプロパティ」内のタブ「セキュリティ」

　　◇ローカルに用意したディレクトリから設定へ移動（IISは閉じるパターン）
　　　　クローンしたファイル名を右クリック➡プロパティ➡
　　　　「xxxx（プロジェクト名）のプロパティ」内のタブ「セキュリティ」

　・セキュリティを設定する（Windowsはセキュリティ設定があるようです）
　　※アクセス権限の設定はその時によるので参考URLのみ貼っておきます。
　　https://creativeweb.jp/tips/iis_acl/

➂のIISの設定は完了しました！

次回【➃サイト表示の確認】【➄画像がコード管理から外されている場合はダウンロード（git管理下ならこの作業は不要）】です。

次からはnpx gulpコマンドで表示されるか確認しながら足りない設定があれば追記していきます。

※注意IISはWindowsでのみ使えるサーバーです。
※筆者はMacでの開発も行っております。IIS代替えとしてMAMPを使用しておりますので、別記事で追記予定です。

【気になるワード】---記事内でより理解を深めたいワード