膨張空間

開発日記を中心に、時々雑記を投稿します。よろしく

デバック中のWebApiにローカルネットワーク上の別端末からリクエストを送る方法

環境

  • ASP.NetWebApi
  • IIS Express
  • C#
  • VisualStudio 2017

目的

IIS Expressに対してデバック中の端末以外のローカルネットワーク上からリクエストを送ることができるようになる。

流れ

  1. VisualStudioでWebApiのデバックを開始する
  2. IIS Expressのコンテキストメニューから構成をクリックする
  3. 自分のIP＋新しいポート番号を追加する。
  4. 強化されたファイアウォールから新しいポートを受信設定に追加する。

詳細

1. VisualStudioでWebApiのデバックを開始する

VisuauStudioのデバック開始ボタンを押すか。F5キーを押してデバックを開始する。 f:id:gshota:20200417142024p:plain

2. IIS Expressのコンテキストメニューから構成をクリックする

  1. タスクトレイに表示されているIISEexpresあいこんのコンテキストメニューのすべてのアプリケーションを表示をクリックする f:id:gshota:20200417150754p:plain

  2. サイト名をクリックして下に表示される構成をクリックする f:id:gshota:20200417151008p:plain

3. 自分のIP＋新しいポート番号を追加する。

※重要：新しいポートはlocalhostのポート番号とは別にすること

f:id:gshota:20200417151042p:plain
構成内容を編集する

  1. もう一度デバックを開始した時に追加したIP：ポート番号が表示されていれば成功 f:id:gshota:20200417151111p:plain

    • 追加したIPが表示されない時
      1. VisualStudioを閉じる
      2. ソリューション直下のbinとobjフォルダを削除する
      3. もう一度デバックを開始する

1. 強化されたファイアウォールから新しいポートを受信設定に追加する。

  1. タスクバーのテキスト入力にに「強化された」とする。表示されていない時はタスクバーの虫眼鏡をクリック

  2. セキュリティ強化されたファイアウォールをクリックする f:id:gshota:20200417151155p:plain

  3. 受信の規則から新しい規則をクリックする

  4. ポートを選択して次へ f:id:gshota:20200417151235p:plain

  5. TCP 特定のローカルポートに「3. 自分のIP＋新しいポート番号を追加する」で追加したポートを入力する f:id:gshota:20200417151252p:plain

  6. あとは次へを繰り返して完了

以上

小話

なぜこれが必要になったのかというと、Xamarin.FormsでAndroidを開発している時にサーバーサイドはAsp.NetWebApiで開発していた。当初はローカルで用意したサーバーにわざわざリリースして確認していたのだが、開発効率落ちるし異常終了したときに追いずらいしでさんざんだった。 そんな時に、VisualStudioで同じソリューション内であれば、複数プロジェクトを同時にデバックできることを知った。しかし、今回の設定をしなければ、Androidがローカルネットワークを経由して、自分のPCに立っているWebApiに通信できないので、設定を行ったという流れだ。