次の方法で共有


Visual Studio を使用して Microsoft Azure で Outlook アドインをステージングする

この記事では、Outlook アドイン Web アプリを Azure にデプロイし、Outlook クライアント アプリケーションでテストするための アドインをサイドロード する方法について説明します。

重要

この記事で説明するプロセスは、Outlook アドインにのみ適用されます。Azure 上の他の Office アプリケーションのアドインのステージング手順については、「 Visual Studio を使用して Microsoft Azure で Office アドインをステージングする」を参照してください。

前提条件

  1. Visual Studio 2022 をインストールし、Azure 開発ワークロードを含めるかどうかを選択します。

    注:

    以前に Visual Studio 2022 をインストールしたことがある場合は、Visual Studio インストーラーを使用して、Azure 開発ワークロードがインストールされていることを確認します。

  2. Office をインストールする。

    注:

    まだ Office を所持していない場合は、1 か月間無料試用版の登録が可能です。

  3. Azure サブスクリプションを取得します。

    注:

    まだ Azure サブスクリプションを所持していない場合、このサブスクリプションは Visual Studio サブスクリプションの一部として取得できます。また、無料試用版の登録も可能です。

手順 1: Visual Studio で Outlook アドインを作成する

  1. 管理者として Visual Studio を起動します。

  2. [新規プロジェクトの作成] を選択します。

  3. 検索ボックスを使用して、アドインと入力します。

  4. プロジェクトの種類として [Outlook Web アドイン ] を選択し、[ 次へ ] を選択して既定の設定をそのまま使用します。

Visual Studio では、Web プロジェクトに変更を加えることなく、そのまま発行できる基本的な Outlook アドインを作成します。

手順 2: Outlook アドイン Web アプリを Azure に発行する

  1. Visual Studio でアドイン プロジェクトを開いた状態で、Web プロジェクトを右クリック (または長押し) し、[発行] を選択 します

  2. Web アプリを発行する」の手順に従います。 「 Web アプリを発行する」の前の記事セクションをスキップしますが、ページの上部にある [Visual Studio ] ボタンが選択されていることを確認してください。

    Visual Studio は、Outlook アドインの Web プロジェクトを Azure Web アプリに発行します。 Visual Studio で Web プロジェクトの発行が完了すると、ブラウザーが開き、"Web アプリが実行され、コンテンツを待機しています" というテキストが表示された Web ページが表示されます。これは、Web アプリの現在の既定のページです。

  3. ルート URL (例: https://YourDomain.azurewebsites.net) をコピーします。この記事の後半でアドイン マニフェスト ファイルを編集するときに必要になります。

手順 3: アドイン マニフェスト ファイルを編集してデプロイする

  1. Visual Studio でサンプルの Outlook アドインをソリューション エクスプローラーで開き、両方のプロジェクトが表示されるようにソリューションを展開します。

  2. Outlook アドイン プロジェクト (OutlookWebAddIn など) を展開し、マニフェスト フォルダーを右クリック (または選択して保持) し、[ 開く] を選択します。 アドイン マニフェスト ファイルが開きます。

  3. マニフェスト ファイルで、"~remoteAppUrl" のすべてのインスタンスを Azure 上のアドイン Web アプリのルート URL に見つけて置き換えます。 これは、アドイン Web アプリを Azure に発行した後にコピーした URL です。たとえば、 https://YourDomain.azurewebsites.net

手順 4: マニフェストを Outlook にサイドロードする

アドイン のみのマニフェストを使用してアドインをサイドロードする Outlook アドインのサイドロードに関する 記事のガイダンスに従ってください。

関連項目