開発 Office 365 サイトを Microsoft Azure に展開する

  • [アーティクル]

任意の種類の Web アプリケーションを開発するとき、ほとんどの開発は http://localhost を使用してローカルで行われます。 一部のプロジェクトでは、ローカル リソース、またはローカル リソースとリモート リソースの組み合わせを使用します。 ローカルの開発環境からこれらのプロジェクトを実行するには、データベース接続文字列、URL、構成の変更など、いくつかのタスクを実行する必要があります。

Office 365 の API を活用する Web プロジェクトに違いはありません。 これらのプロジェクトでは、Microsoft Azure Active Directory (Azure AD) サービスを活用して、アプリケーションを認証し、OAuth 2.0 のアクセス トークンを取得します。 これらのトークンは、Office 365 API を使用して認証するため、Web アプリケーションで使用されます。

このページでは、Office 365、Azure AD、および Azure App Service の Web アプリ機能を使用して、Office 365 API 開発プロジェクトを取得し、Azure で完全にホストされている作業用サンプルで起動する手順について説明します。

Office 365 API Web アプリケーションをローカルの開発環境から Azure に展開するには、このページで説明する 4 つの大まかな手順を実行する必要があります。

  • Web アプリを作成して構成する。
  • Azure AD アプリケーションを構成する。
  • ASP.NET プロジェクトを構成する。
  • Office 365 API ASP.NET Web アプリケーションを展開する。

Web アプリを作成して構成する

この手順では、Web アプリケーションをホストするために使用される Web アプリを作成します。

  1. Azure portal に移動して、組織 ID アカウントを使用してサインインします。

  2. サインインしたら、ナビゲーション サイドバーで、[WEB サイト] を選択します。

  3. [Web サイト] ページの左下にあるフッターで [新規] リンクを選択します。

  4. 表示されたウィザードで、[簡易作成] を選択して、[URL] フィールドにサイトの名前を入力してから、[Web ホスティング計画] と [サブスクリプション] を選択します。

簡易作成の設定:[URL] フィールドは

ヒント

後で必要となるため、作成する Web サイトの名前を書き留めておいてください。

  1. 最後に、[Web サイトの作成] リンクをクリックしてサイトを作成します。

Azure がサイトを作成するまで数分待機します。 サイトの作成後、Web インターフェイスからアプリの設定を指定できます。 これにより、単純な web.config の変更の場合、サイト コードベースを展開しなくても、Web サイトの Web 管理インターフェイスからプロジェクトの web.config ファイル内で <appSettings> を上書きできます。

  1. Azure portal で、今作成した Web サイトを選択します。

  2. 上部ナビゲーションの [構成] リンクを選択します。

  3. 下方向にスクロールし、[アプリの設定] セクションで次の 3 つの新しいエントリを追加します。

  • ida:ClientID
  • ida:Password
  • ida:TenantID
  1. 作業中のプロジェクトの web.config ファイルから対応する値をコピーし、次の図に示すように、Azure の Web サイトの該当する設定値に貼り付けます。

[WEBSITE_NODE_DEFAULT_VERSION] は「0.10.32」、[ida:ClientID] は「92b1e137-c36f-4bfe-9e1c-01ef546ce4a9」、[ida:Password] は「Bns06N18ZiyYfMcyU9qUfGnZbnkBiPZfUptLDsU6cml」です。[ida:TenantId] は部分的に消されています。GUID の中央部分の番号は

  1. フッターで、[保存] を選択して変更を保存します。

これで、Azure Web サイトがセットアップされ、後の手順で展開する Office 365 API の Web プロジェクトをホストするように構成されました。

Azure AD アプリケーションを構成する

この手順では、Office 365 アプリケーションの開発およびテストで使用される Azure AD アプリケーションを変更します。

  1. Azure portal に移動して、組織 ID アカウントを使用してサインインします。

  2. サインインしたら、ナビゲーション サイドバーで、[ACTIVE DIRECTORY] を選択します。

  3. [Active Directory] ページで、Office 365 テナントにリンクされているディレクトリを選択します。

  4. 次に、上部のナビゲーション内で [アプリケーション] 項目を選択します。

  5. [プロパティ] セクション内で、作成した Azure Web サイトの既定の URL を指すように [サインオン URL] を更新します。 すべての Azure Web サイトで提供されている HTTPS エンドポイントを使用することに注意してください。

名前が O365-WebApp-SingleTenant.Office365App に設定され、サインオン URL が に設定されている https://o365api-01.azurewebsites.net

  1. [シングル サインオン] セクションで、Azure Web サイトのドメインを使用するように [アプリケーション ID の URI] を更新します (次の図を参照)。

  2. Azure Web サイトのホームページの URL のみが表示されるように [応答 URL] を更新します。

アプリ ID URI は、 https://o365api-01.azurewebsites.net/O365-WebApp-SingleTenant応答 URL は https://o365api-01.azurewebsites.net/

  1. フッターで、[保存] ボタンを選択して変更を保存します。

この時点で、Office 365 API Web プロジェクトが使用する Azure AD アプリケーションは、新しい Azure Web サイトで動作するよう構成されます。

ASP.NET プロジェクトを構成する

この手順では、新しい Azure Web サイトを使用するようにアプリケーション内の ASP.NET プロジェクトを構成します。

本ガイダンスの例で使用される同じものと同じアプリケーションの場合、通常、追加作業は必要ありません。 ただし、Web アプリケーションには、開発時に使用された Azure AD アプリケーションと Azure AD テナント用の web.config ファイル内の設定が含まれています。 一部の開発者は、開発インスタンスと本番インスタンスに異なる Azure AD アプリケーション、または異なる Azure サブスクリプションを使用するよう選択する場合があります。

このページで説明した前の手順で、Azure Web サイトを作成したときに、web.config ファイルに含まれていることが多いアプリケーションのアドイン設定を構成しました。 Web アプリケーションが、Azure Web サイトの構成からこれらの値を受け取ることを確認するには、web.config ファイル内の値をプレースホルダーの値に置き換えることをお勧めします。

  1. プロジェクトの web.config ファイルを開きます。

  2. ida:ClientID、ida:Password、および ida:TenantId のアドイン設定を探します。

  3. これらの設定の値をプレースホルダーの値に置き換えます。

<add key="ida:TenantId" value="set-in-azure-website-config" />
<add key="ida:ClientID" value="set-in-azure-website-config" />
<add key="ida:Password" value="set-in-azure-website-config" />
  1. 変更を保存します。

これで、Web アプリケーション、Azure Web サイト、および Azure AD のアプリケーションがすべて正しく構成され、展開する準備ができました。

Office 365 API の ASP.NET Web アプリケーションを展開する

この手順では、Office 365 API Web アプリケーションを Azure Web サイトに発行します。 サイトが展開されたら、テストを行い、すべて正常に動作することを確認します。

注:

この手順では、Microsoft Azure SDK のバージョン 2.0 以降がインストールされていることを前提とします。

ASP.NET Web アプリケーションを展開する

  1. Visual Studio で Office 365 API Web アプリケーションを開きます。

  2. ソリューション エクスプローラー ツールのウィンドウで、プロジェクトを右クリックして、[発行] を選択し、Web の発行ウィザードを開始します。

  3. [プロファイル] タブで、[Microsoft Azure Web サイト] を選択します。

この時点で、組織 ID を使用して Azure サブスクリプションにサインインするように求めるメッセージが表示されます。

  1. サインイン後に、このページの前の手順で作成した Web サイトを選択してから、[OK] を選択します。

[既存の Web サイトの選択] ダイアログ ボックスは、[既存の Web サイト] を

  1. [接続] タブで、[接続の検証] ボタンを選択して、接続プロファイルが正常にダウンロードされ、適用されていることを確認します。

ダイアログ ボックスの下のほうにある [接続の検証] ボタンを矢印が指しています。このボタンの横には緑色のチェック マークが付いています。

  1. [発行] ボタンを選択して、Web アプリケーションを Azure Web サイトに発行します。

ASP.NET Web アプリケーションをテストする

Web アプリケーションを Azure Web サイトに発行したら、Visual Studio でブラウザーが開き、サイトのホームページに移動します。

既定では、これは HTTP エンドポイントです。 以前の手順で Azure AD アプリケーションを構成したときに、HTTPS エンドポイントからのサインインのみを受け入れるように設定したことを思い出してください。 アプリケーションを使用する前に、HTTPS エンドポイントを指すように URL を更新します。

  1. ブラウザーで、Azure Web サイトの HTTPS ホームページに移動するように URL を更新します。 このページの例では、https://o365api-01.azurewebsites.net です。

  2. ページの右上にあるヘッダーで [サインイン] リンクを選択します。 Azure AD のサインイン ページにリダイレクトされます。

注:

この時点でエラーが発生した場合は、Azure Web サイト用に作成した 3 つのアドイン設定の問題では可能性があります。 前に戻り、値が Azure AD テナントとアプリケーションの正しい値であることを確認します。

  1. サインインに成功すると、作成した Azure Web サイトの Web アプリケーションのホームページにリダイレクトされます。

これで、Office 365 API Web アプリケーション プロジェクトが Azure Web サイトで動作するように正しく展開されました。

関連項目