11
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VisualStudioで配置したWebアプリをIISサーバに公開する

Last updated at Posted at 2020-07-24

#記事一覧
Visual StudioのASP.NET Core MVC で Web アプリを作成してみた(記事一覧)

#VisualStudioでWebアプリをローカルフォルダに配置する
配置するローカルフォルダを設定するため、ソリューションエクスプローラのConnected Servicesをダブルクリックします。
「公開」タブの「新規」を選択、表示された公開ウィンドウで、ターゲットに「フォルダ」を選択して、配置するフォルダを指定します。
VisualStudioで配置したWebアプリをIISサーバに公開する1.PNG
フォルダを選択した状態で、「発行」ボタンを押します。
VisualStudioで配置したWebアプリをIISサーバに公開する2.PNG
「発行」すると、ビルド生成物(Webアプリ)が指定したフォルダに配置されます。
VisualStudioで配置したWebアプリをIISサーバに公開する3.PNG

#Web配置発行の Web サーバーを構成する (オフライン配置)
#####IISサーバに必要なプラットフォームをインストール
プラットフォームのインストーラ「Microsoft Web Platform Installer」をインストールします。
https://www.microsoft.com/web/downloads/platform.aspx

Microsoft Web Platform Installerを起動して以下のプラットフォームをインストールします。
既にインストールされている場合は不要です。

  • ASP.NET MVC 3.と4

    MVC 3 アプリケーションを実行するために必要なアセンブリがインストールされます。
  • .NET Framework 4..

    これは、このバージョンの .NET Framework でビルドされたアプリケーションを実行するために必要です。
  • IIS 7 推奨構成

    これは、Web サーバー上でWeb サーバー (IIS) の役割が有効になり、
    ASP.NET アプリケーションをホストするために必要な IIS モジュールとコンポーネントのセットがインストールされます。
  • Web 配置ツール 2.1以降

    これは、Web 配置 (およびその基になる実行可能ファイル Msdeploy.exe) がサーバーにインストールされます。
    Web 配置は IIS と統合されており、Web パッケージをインポートおよびエクスポートできます。

#####WebアプリをIISサーバに公開する
追加したサイトのURLにアクセスした時に、Visualstudioで配置したWebアプリのURLにリダイレクト(転送)するよ様にIISマネージャで設定します。
IISマネージャのHTTPリダイレクトを選択します。
VisualStudioで配置したWebアプリをIISサーバに公開する5.PNG
「このリダイレクト先に要求をリダイレクト」に、リダイレクトするURLを設定します。
VisualStudioで配置したWebアプリをIISサーバに公開する6.PNG

リダイレクトするURLには、VisualStudioで発行したWebアプリを実行したときのURLを指定します。

VisualStudioで配置したWebアプリをIISサーバに公開する12.PNG"

#####リダイレクトを設定したIISのサイトにアクセスする
リダイレクトを設定したサイト( http://localhost:87 )にアクセスします。
すると、 https//localhost:5001 にリダイレクトされますが、ページを表示できていません。
VisualStudioで配置したWebアプリをIISサーバに公開する7.PNG
その場合は、VisualStudioで発行したWebアプリを実行していないためです。
実行した状態で http://localhost:87 にアクセスすると、Webアプリを表示することができます。
VisualStudioで配置したWebアプリをIISサーバに公開する8.PNG

#他の端末から参照できる様にする
リダイレクトに設定したURLがlocalhostだと、IISサーバを構築した端末からしかアクセスできないため、
Visual StudioでWebアプリを実行したときのIPアドレスをlocalhostではなく、IISサーバのIPアドレスとしてリスナー登録します。

#####デバッグ実行するときの設定
「launchSettings.json」の"applicationUrl"に、IISサーバのIPアドレスと任意のポート番号を指定します。
VisualStudioで配置したWebアプリをIISサーバに公開する9.PNG

launchSettings.json
"applicationUrl": "https://192.168.**.*:5001;http://192.168.**.*:5000"

デバッグ実行した結果、設定したIPアドレスとポート番号が表示されれば成功です。
VisualStudioで配置したWebアプリをIISサーバに公開する8.PNG

#####公開(発行)するときの設定
「launchSettings.json」は、デバッグ実行専用の設定ファイルですので、公開(発行)には含まれません。
「appsettings.Production.json」を新規に作成して「appsettings.json」配下に追加します。
VisualStudioで配置したWebアプリをIISサーバに公開する10.PNG
「appsettings.Production.json」には、IISサーバのIPアドレスと任意のポート番号を指定します。

appsettings.Production.json
{
  "Kestrel": {
    "Endpoints": {
      "Http": {
        "Url": "https://192.168.**.*:5001"
      }
    }
  }
}

発行したWebアプリ(*.exe)を実行して、設定したIPアドレスとポート番号が表示されれば成功です。
VisualStudioで配置したWebアプリをIISサーバに公開する11.PNG

#####リダイレクトを再設定する
Visual Studioで設定したIPアドレスとポート番号をリダイレクトに設定します。
VisualStudioで配置したWebアプリをIISサーバに公開する13.PNG

他の端末からIISサーバのサイトにアクセスします。
以下はローカルネットワーク(WiFi)で接続されたiPhoneからHTTPリダイレクトを設定したサイトにアクセスした時の画像です。
2010 7.png

11
12
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?