Teams Toolkit を使用してアプリをビルドする準備をする

[アーティクル]
09/27/2024

Microsoft Teams Toolkit では、アプリを作成するためのさまざまなビルド環境がサポートされています。これは、Azure Functions機能とクラウドサービスを、構築したMicrosoft Teams アプリに統合するのに役立ちます。

環境を構築する

Microsoft Visual Studio Code の Teams Toolkit には、Teams アプリをビルドするための一連の環境が用意されています。次のいずれかの環境を選択できます。

JavaScript または TypeScript
SharePoint Framework (SPFx)

JavaScript または TypeScript を使用して Teams アプリを作成する

JavaScript または TypeScript を使用して構築されたアプリには、次の利点があります。

アプリには、豊富で使いやすい独自の UI と UX 機能が付属しています。
既存のアプリのクイックアップグレードを提供します。
Android や iOS などの複数のプラットフォームにアプリを配布します。
既存の API を使用してアプリを作成するための互換性があります。
Teams Toolkit で作成されたアプリでは、Reactもサポートされます。

Visual Studio Code の Teams Toolkit では、JavaScript または TypeScript を使用した次のアプリのビルドがサポートされています。

タブアプリ: タブアプリには Web ベースのコンテンツを含めることができます。 Teams で Web コンテンツのカスタムタブを作成したり、Teams 固有の機能を Web コンテンツに追加したりできます。
ボットアプリ: ボットは、チャットボットまたは会話ボットであり、顧客サービスやサポートスタッフなどの単純で反復的なタスクを実行できます。
通知ボット: HTTP 要求を使用して、通知ボットによって Teams チャネルまたはグループまたは個人用チャットでメッセージを送信できます。
コマンドボット: コマンドボットを使用して反復的なタスクを自動化できます。コマンドボットは、チャットで送信された単純なクエリやコマンドに応答するのに役立ちます。
ワークフローボット: ワークフローボットアプリのアダプティブカードアクションハンドラー機能によって有効になっているアダプティブカードと対話できます。
メッセージ拡張機能: Teams クライアントのボタンとフォームを使用して、Web サービスと対話できます。

SPFx を使用して Teams アプリを作成する

Visual Studio Code の Teams Toolkit を使用すると、SPFx を使用してタブアプリを作成できます。これらのアプリには、次の利点があります。

SPFx に存在するデータを Teams に簡単に統合できます。
SPFx ソリューションを、Microsoft Entra IDでセキュリティ保護されたビジネス API と統合します。
さまざまなオープンソースツールにアクセスできます。
優れた UX を提供できる強力なアプリケーションを作成します。
他の Microsoft 365 ワークロードと簡単に統合できます。
必要に応じてアプリケーションを柔軟にホストできます。

Azure Functionsのサポート

Teams Toolkit を使用して、アプリのビルド中にAzure Functions機能を統合できます。重要なコードに焦点を当て、残りの部分Azure Functions処理できます。 Azure Functionsでは、次の 2 つの重要な方法で "オンデマンドコンピューティング" が提供されます。

すぐに使用できるコードブロックにシステムのロジックを実装できるようにします。これらのブロックは関数と呼ばれます。
要求の増加に応じて、必要な数のリソースと関数インスタンスで要件を満たします。

Azure Functionsは、さまざまなクラウドサービスと統合され、機能豊富な実装を提供します。 Azure Functionsの一般的なシナリオを次に示します。

Web API の構築
データベースの変更に対する処理
IoT データストリームの処理
メッセージキューの管理

プロジェクトの種類 Node.js バージョン互換性テーブル

Teams Toolkit のバージョン	プロジェクトの種類	サポートされている Node.js バージョン
5.0.0	http トリガーまたはタイマートリガーを使用して通知する Azure Functions SPFx 非 SPFx	16, 18 16, 18 16 16, 18
4.2.2	http トリガーまたはタイマートリガーを使用して通知する Azure Functions SPFx	14、16、18 (プレビュー) 14、16、18 (プレビュー) 16 14, 16, 18
4.2.0	SPFx	16
4.0.3	SPFx	14, 16
4.0.0	非 SPFx	14, 16
3.7.0	SPFx	12, 14
<3.7.0	SPFx Azure Functions その他	10, 12, 14 10, 12, 14 10, 12, 14, 16

次の方法で共有