LoginSignup
10
12

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

10
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
10
12