Teams アプリをクラウドに展開する

Teams Toolkit は、アプリ内のフロントエンドとバックエンドのコードを Azure のプロビジョニング済みクラウドリソースにデプロイまたはアップロードするのに役立ちます。

Microsoft Visual Studio Code を使用して Teams アプリをクラウドにデプロイする

次をクラウドにデプロイできます。

フロントエンドアプリなどのタブは Azure Storage にデプロイされ、静的 Web ホスティングまたは SharePoint サイト用に構成されます。
バックエンド API は、Azure Functionsにデプロイされます。
ボットまたはメッセージ拡張機能は、Azure App Serviceにデプロイされます。

注:

Azure クラウドにアプリコードをデプロイする前に、クラウドリソースのプロビジョニングを正常に完了する必要があります。

「はじめに」ガイドは、Teams Toolkit を使用してデプロイするのに役立ちます。次を使用して、Teams アプリをデプロイできます。

Teams アプリのワークロード	ソースコード	成果物をビルドする	ターゲットリソース
React フロントエンドワークロードを含むタブ	`yourProjectFolder/tabs`	`tabs/build`	Azure Storage
SharePoint を使用したタブフロントエンドワークロード	`yourProjectFolder/SPFx`	`SPFx/sharepoint/solution`	SharePoint アプリカタログ
Azure Functions バックエンドワークロードの API	`yourProjectFolder/api`	×	Azure Functions
ボットとメッセージ拡張機能バックエンドワークロード	`yourProjectFolder/bot`	×	Azure App Services

注:

プロジェクトに Azure API Management リソースを含め、デプロイをトリガーすると、Azure Functionsの API を Azure API Management サービスに発行できます。

次をクラウドにデプロイできます。

デプロイ後、アプリの使用を開始する前に、Teams クライアントまたは Web ブラウザーでアプリをプレビューできます。

Visual Studio を開きます。
[新しいプロジェクトを作成する] を選択するか、一覧から既存のプロジェクトを開きます。
プロジェクト MyTeamsApp4>Teams Toolkit>Deploy to the cloud... を右クリックします。

注:

このシナリオでは、プロジェクト名は MyTeamsApp4 です。
表示されるポップアップウィンドウで、[デプロイ] を選択 します。

デプロイプロセスが完了すると、正常にデプロイされたことを確認するポップアップが表示されます。出力ウィンドウで状態を確認することもできます。

アプリをプレビューするには、 Zip アプリパッケージ を作成し、Teams クライアントにサイドロードする必要があります。

Teams クライアントでアプリをプレビューするには

[ Teams での Project>Teams ツールキット>プレビュー] を選択します。

これで、アプリが Teams にサイドロードされます。

アプリをプレビューするもう 1 つの方法:

[ソリューションエクスプローラー] でプロジェクト MyTeamsApp4 を右クリックします。
[Teams ツールキット>プレビュー] を選択して、Web ブラウザーで Teams アプリを起動します。

注:

同じメニューオプションが [プロジェクト] メニューでも使用できます。

これで、アプリが Teams にサイドロードされます。