モバイルのタブ
タブを含むMicrosoft Teams アプリをビルドするときは、Android クライアントと iOS Microsoft Teams クライアントの両方でタブ機能をテストする必要があります。 この記事では、最適なユーザー エクスペリエンスを確保するために考慮する必要がある主要なシナリオの一部について説明します。
Microsoft Teams ストアを通じて配布されるアプリには、モバイル クライアント用の個別の承認プロセスがあります。 このようなアプリの既定の動作は次のとおりです。
アプリ機能 | アプリが承認された場合の動作 | アプリが承認されていない場合の動作 |
---|---|---|
[個人] タブ | モバイル クライアントの下部バーにアプリが表示されます。 Teams クライアントでタブが開きます。 | モバイル クライアントの下部バーにアプリが表示されません。 |
チャネル タブとグループ タブ |
contentUrl を使用して Teams クライアントでタブが開きます。 |
websiteUrl アプリ マニフェスト ファイルで使用できる場合は、Teams の外部のブラウザーでタブが開きます。
websiteUrl アプリ マニフェスト ファイルで使用できない場合、Teams モバイルではタブにアクセスできません。 ただし、デスクトップと Web ではタブに引き続きアクセスできます。 |
注:
- Teams に発行するために AppSource に送信されたアプリは、モバイルの応答性のために自動的に評価されます。 任意のクエリについては、 teamsubm@microsoft.comに問い合わせしてください。
- AppSource を介して配布されていないすべてのアプリの場合、タブは既定で Teams クライアント内のアプリ内 Web ビューで開き、個別の承認プロセスは必要ありません。
- アプリの既定の動作は、Teams ストア経由で配布されている場合にのみ適用されます。 既定では、すべてのタブが Teams クライアントで開きます。
- モバイル対応のためのアプリの評価を開始するには、アプリの詳細を teamsubm@microsoft.com します。
- モバイル アプリに複数のタブがある場合、ユーザーがタブを切り替えるたびに、タブは再読み込みされません。
認証
モバイル クライアントで認証を機能させるには、Teams JavaScript ライブラリを少なくともバージョン 1.4.1 にアップグレードする必要があります。
低帯域幅と断続的な接続
モバイル クライアントは、低帯域幅と断続的な接続で機能します。 アプリは、コンテキスト メッセージをユーザーに提供することで、タイムアウトを適切に処理する必要があります。 また、進行状況インジケーターを使用して、実行時間の長いプロセスに関するフィードバックをユーザーに提供する必要があります。
モバイル クライアントでのテスト
さまざまなサイズと品質のモバイル デバイスでタブが正しく機能することを検証する必要があります。 Android デバイスの場合は、 DevTools を 使用して、実行中にタブをデバッグできます。 タブレットを含む高パフォーマンスデバイスと低パフォーマンスデバイスの両方でテストすることをお勧めします。
Teams ストアに発行する
Teams ストアに一覧表示されているアプリは、Teams モバイル クライアントでモバイルを適切に機能させるために承認されている必要があります。 タブの可用性と動作は、アプリが承認されているかどうかによって異なります。
モバイル向けに承認された Teams ストア上のアプリ
次の表では、アプリが Teams ストアに一覧表示され、モバイルでの使用が承認された場合のタブの可用性と動作について説明します。
機能 | モバイルの可用性 | モバイル動作 |
---|---|---|
チャネル [グループ] タブ |
はい | アプリの contentUrl 構成を使用して、Teams モバイル クライアントでタブが開きます。 |
個人用アプリ | はい | 個人用アプリ タブの各タブは、それぞれの contentUrl 構成を使用して Teams モバイル クライアントで開きます。 |
Teams ストア上のアプリがモバイル向けに承認されていない
次の表では、アプリが Teams ストアに一覧表示されているが、モバイルでの使用が承認されていない場合のタブの可用性と動作について説明します。
機能 | モバイルの可用性 | モバイル動作 |
---|---|---|
[チャネルとグループ] タブ | はい | アプリの websiteUrl 構成を使用して Teams モバイル クライアントではなく、デバイスの既定のブラウザーでタブが開きます。これは、ソース コードの setSettings() function にも含める必要があります。 |
個人用アプリ | なし | 該当なし |
注:
- ボットメッセージは、モバイル アプリにボットとタブの両方の機能がある場合、チャット セクションに表示されます。
- ボット アプリの [チャット ] を選択し、[ その他 (...)] を選択すると、そのアプリのタブ機能が一覧に表示されません。 ただし、[チャット] セクションの右下にある [その他] (...) を選択した場合は、そのアプリのボット アプリ機能へのリンクを含むタブ アプリを表示できます。
Teams ストアにないアプリ
カスタム アプリをアップロードするか、organizationのアプリ カタログに発行する場合、タブの動作は、Microsoft がモバイル向けに承認した Teams ストア アプリと同じです。
次の手順
関連項目
Platform Docs