Teams アプリにクラウド リソースを追加する

Teams Toolkit を使用すると、アプリをホストするためのクラウド リソースをプロビジョニングできます。 開発ニーズに応じてクラウド リソースを追加できます。 TeamsFx でクラウド リソースを追加する利点は、Teams Toolkit を使用して、すべての構成ファイルを自動生成し、Teams アプリに接続できることです。

注:

SharePoint Framework (SPFx) ベースのタブ プロジェクトを作成した場合、Azure クラウド リソースを追加することはできません。

Teams アプリにクラウド リソースを追加する

クラウド リソースは、次の方法で追加できます。

Microsoft Visual Studio Code で Teams Toolkit を使用してクラウド リソースを追加するには

  1. Visual Studio Code で Teams アプリ プロジェクトを開きます。

  2. Visual Studio Code アクティビティ バーから [Teams Toolkit ] を選択します。

  3. [開発] セクションで [機能の追加] を選択します。

    Teams Toolkit から機能を追加する

コマンド パレットを使用してクラウド リソースを追加するには

  1. Visual Studio Code で Teams アプリ プロジェクトを開きます。

  2. [ コマンド パレットの表示>]を選択します 。または Ctrl + Shift + P キーを押します。

    コマンド パレットから機能を追加する

  3. [ Teams: 機能の追加] を選択します

    「機能の追加」と入力し、「」と入力します。

    クラウド リソースの一覧が表示されます。

  4. プロジェクトに追加する クラウド リソース を選択します。

    最終的な

Teams アプリでリソースを正常に追加した後、環境ごとにプロビジョニングする必要があります。

TeamsFx CLI を使用してクラウド リソースを追加する

  • クラウド リソースを追加する前に、ディレクトリを プロジェクト ディレクトリに変更してください。

  • 次の表に、機能と必要なコマンドを示します。

    クラウド リソース コマンド
    Azure Functions teamsfx add azure-function
    Azure SQL データベース teamsfx add azure-sql
    Azure API Management teamsfx add azure-apim
    Azure Key Vault teamsfx add azure-keyvault

クラウド リソースの種類

次のシナリオでは、TeamsFx は Azure サービスを Teams アプリと統合します。

  • Azure Functions: Teams アプリバックエンドの Web API の作成など、オンデマンド要件を満たすサーバーレス ソリューション。
  • Azure SQL データベース: Teams アプリ データ ストアとして機能するサービスとしてのプラットフォーム (PaaS) データベース エンジン。
  • Azure API Management: API ゲートウェイを使用して、Teams アプリ用に作成された API を管理し、Power アプリなどの他のアプリで使用できるように発行できます。
  • Azure Key Vault: クラウド アプリとサービスで使用される暗号化キーとその他のシークレットを保護します。

Azure リソースを追加した後の変更

次の変更は、プロジェクトに Azure クラウド リソースを追加した後に表示されます。

  • プロビジョニングに azure.parameter.{env}.json 必要な情報を提供するために に追加された新しいパラメーター。
  • 新しいコンテンツは、 の下 templates\azureの ARM テンプレートに含まれています。 ファイルは Azure リソースのフォルダーにあります templates\azure\teamsfx
  • Teams Toolkit はフォルダー内 templates\azure\teamsfx のファイルを再生成して、TeamsFx に必要な構成が追加された Azure リソースに対して最新の状態になるようにします。
  • .fx\configs\projectSettings.json が更新され、プロジェクトで使用可能なリソースが追跡されます。

プロジェクトにリソースを追加した後、次の追加の変更が表示されます。

リソース 変更内容 説明
Azure Functions Azure Functions テンプレート コードは、パスyourProjectFolder\api
launch.json
を持つサブフォルダーに追加され、task.jsonフォルダーの下で.vscode更新されます。
hello world http トリガー テンプレートがプロジェクトに含まれます。

アプリをローカルでデバッグするときに実行する Visual Studio Code に必要なスクリプトが含まれています。
Azure API Management パス yourProjectFolder\openapiを持つサブフォルダーに追加されたオープン API 仕様ファイル。 発行後に API を定義します。 これは API 仕様ファイルです。

関連項目