無法在 Teams 中保存自定義應用程序的選項卡

Question

我在將我的自定義應用程序分配給 MS Teams 中的團隊時遇到問題。 因此，在上傳應用程序並嘗試為其分配一個新選項卡后，我無法保存該選項卡。

你對此有什么解釋嗎？ 已經檢查了 validDomains 和 websiteURL。

謝謝！

Answer 1

重要的是要知道有兩種選項卡：

1. 個人選項卡 - 如果您希望用戶擁有個人選項卡體驗，例如用戶直接安裝您的應用程序並出現在屏幕左側的應用程序列表中，那么這是一個“個人”選項卡。

2. 頻道/群聊選項卡 - 這些選項卡可以添加到現有頻道或現有群聊中。 對於這些類型的選項卡，當用戶添加選項卡時，他們會出現一個小彈出窗口，允許他們配置選項卡本身。 例如，假設您的標簽將顯示新聞 - 此配置屏幕將允許將標簽安裝到頻道/團隊的用戶能夠從他們希望標簽實際顯示的新聞來源列表中進行選擇。 當您在應用程序的清單中配置這樣的選項卡時，您實際上是在告訴它此“配置”屏幕的地址，這將為選項卡本身設置實際的最終 url。

在這個小的配置彈出窗口中，您需要告訴 Teams 您提供給用戶的配置何時完成。 例如，如果他們選擇了他們想要的新聞提要，您將通知團隊配置已完成，並且團隊現在可以“激活”保存按鈕。 你可以在這里看到更多關於這個的信息。

當然，在許多情況下，選項卡不會有任何必需的配置。 在這種情況下，您可以立即告訴 Teams 啟用“保存”按鈕。 這方面的一個例子是：

 document.addEventListener("DOMContentLoaded", function (event) {
        microsoftTeams.initialize();

        microsoftTeams.getContext(function (context) {

            microsoftTeams.settings.registerOnSaveHandler(function (saveEvent) {

                microsoftTeams.settings.setSettings({
                    entityId: "WhatEverUniqueNameYouWantForYourTab",
                    contentUrl: "https://ThePathToYourActualTab",
                    suggestedDisplayName: "WhateverYouWantTheTabToBeCalled",
                    websiteUrl: "https://OptionalAddressForIfTheyWantAFullScreenExperience",
                    removeUrl: "https://OptionalAddressForARemoveExperience",
                });

                saveEvent.notifySuccess();
            });

            microsoftTeams.settings.setValidityState(true);
        });
    });

因此，需要明確的是，如果您想為頻道或群聊添加標簽應用程序，您基本上需要在您的解決方案中有兩個頁面 - 主標簽頁，以及將出現在您顯示的彈出窗口中的頁面在你原來的問題中。