Rainbow Engine

IT技術を分かりやすく簡潔にまとめることによる学習の効率化、また日常の気付きを記録に残すことを目指します。

IT技術 (Technology)

Azure App ServiceにVisual Studioからデプロイを行う方法

投稿日:2021年7月20日 更新日:

 

<目次>

(1) Azure App ServiceにVisual Studioからデプロイを行う方法
 (1-0) STEP0:前提条件
 (1-1) STEP1:Visual Studioの「発行」画面を開く
 (1-2) STEP2:プロファイルの新規作成
 (1-3) STEP3:ターゲットの選択
 (1-4) STEP4:公開先のAzureサービスの指定
 (1-5) STEP5:Azureへのサインイン
 (1-6) STEP6:ターゲットのAzure AppServiceの選択
 (1-7) STEP7:発行(デプロイ)
 (1-8) STEP8:デプロイ結果確認

(1) Azure App ServiceにVisual Studioからデプロイを行う方法

Azure App ServiceにVisual StudioからASP.NET MVC 5のアプリケーションをデプロイする方法をご紹介します。

イメージとしては、次のようにVisual Studioで開発したアプリケーションを、Azureに「発行」する事によって、ご自身のAzure App ServiceのURL(XXXX.azurewebsites.net)で接続できるようにデプロイをします。
 
(図100)アプリをVisual Studioから「発行」してAzure上で稼働させる

(1-0) STEP0:前提条件

前提条件が多く申し訳ありませんが、Visual Studio側のインストール~アプリ開発と、Azure側のアカウント作成~App Serviceの準備については前提条件とさせて頂きますが、下記の記事にて各手順をご紹介しているので、必要に応じてご参照頂けたらと思います。
 
(前提条件)
・①Visual Studio 2019をインストール済
 
・②ASP.NET MVCのプロジェクトを作成済み
 
・③Azureのアカウントが作成済み
 
・④Azure上でApp Serviceのリソースを作成済み
 

(1-1) STEP1:Visual Studioの「発行」画面を開く

・Visual Studioで対象のASP.NET MVC 5プロジェクトを開き、プロジェクトを「右クリック」⇒「発行」を押下します。

(図111)
 

目次にもどる

(1-2) STEP2:プロファイルの新規作成

・プロファイルの「新規」ボタンを押下します。

このプルダウンはアプリの発行先(≒デプロイ先)のプロファイルが選択肢として出ており、またAzureのプロファイルが無いため、ここで新規作成を行います。
(図112)

目次にもどる

(1-3) STEP3:ターゲットの選択

・公開先(ターゲット)はAzureを選択します。

(図113)

目次にもどる

(1-4) STEP4:公開先のAzureサービスの指定

・Azureの中でも更にどのサービスにデプロイするか?を選択します。今回は「Azure App Service」を選択します。

(図114)

目次にもどる

(1-5) STEP5:Azureへのサインイン

・デプロイを実行するためには、Azureへのサインインが必要なので、「サインイン」を押下します。

(図115)①


・サインインを実施
(図115)②

(1-6) STEP6:ターゲットのAzure AppServiceの選択

・既存のAzure App Serviceを選択するか、あるいは新規に作成する事もできます。今回はこちらの記事で作成したものを流用するため、画面から選択して「完了」押下します。

(図116)

目次にもどる

(1-7) STEP7:発行(デプロイ)

・最後に、いよいよデプロイを実行します。「発行」ボタンを押下します。

(図117)①

(図117)②

目次にもどる

(1-8) STEP8:デプロイ結果確認

・最後にご自身のAzureのURL(XXXX.azurewebsites.net)で、アプリに接続できるか?をチェックします。

(図118)

目次にもどる

Adsense審査用広告コード


Adsense審査用広告コード


-IT技術 (Technology)

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

CelonisのコネクタでOracle DBと接続を試した際の設定手順について

  <目次> (1) CelonisのコネクタでOracle DBと接続を試した際の設定手順について  (1-0) 概要  (1-1) STEP1:Data Poolの設定  (1-2) S …

Miroのプラン比較の調査をしてみた

  <目次> (1) Miroのプラン比較の調査をしてみた  (1-1) 目的  (1-2) 調査結果   (1-2-1) 各プランの概要   (1-2-2) 機能比較の補足 (1) Mir …

Slackでメッセージをエクスポートする手順をご紹介

  <目次> (1) Slackでメッセージをエクスポートする手順をご紹介  (1-1) エクスポートの概要  (1-2) 手順(パブリックチャンネルのExport)  (1-3) エクスポ …

ユーザーストーリーマッピングとは?

  <目次> (1) ユーザーストーリーマッピングとは?  (1-1) 「ユーザーストーリーマッピング」の概要  (1-2) 「ユーザーストーリーマッピング」の利点  (1-3) 「ユーザー …

画面設計の項目一覧の書き方とサンプルのご紹介

  <目次> (1) 画面設計の項目一覧の書き方とサンプルのご紹介  (1-1) 項目一覧とは?  (1-2) 項目一覧の書き方は?  (1-3) 項目一覧のサンプル (1) 画面設計の項目 …

  • English (United States)
  • 日本語
Top