Блог

Я выполнил шаги, перечисленные в официальной документации MS Teams — https://docs.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/add-tab

Я пытаюсь добавить свое веб-приложение CakePHP в teams / групповой чат. Я также попытался создать страницу конфигурации для связи между MS Teams и моим веб-приложением, но это не сработало.

Я использовал CakePHP framework для своего веб-приложения, следовательно, используя его макет по умолчанию для создания страницы конфигурации. Ниже приведен код, который я добавил на страницу макета по умолчанию.

 <script src="https://statics.teams.cdn.office.net/sdk/v1.8.0/js/MicrosoftTeams.min.js"></script>

<script>
    microsoftTeams.initialize();

    microsoftTeams.settings.registerOnSaveHandler((saveEvent) => {
        microsoftTeams.settings.setSettings({
            websiteUrl: "My website URL",
            contentUrl: "My content URL(which is same as my website URL)",
            entityId: "unique entity id that is mentioned in the app manifest file",
            suggestedDisplayName: "My tab name"
            });
        saveEvent.notifySuccess();
    });

    microsoftTeams.settings.setValidityState(true); 
</script>
 

Я также не получаю никаких ошибок, но после добавления моего веб-приложения во вкладку кнопка сохранения отключена, поэтому я не могу сохранить вкладку.

Обратитесь к этому изображению:

Вам нужно более внимательно прочитать документацию по этому вопросу — страница конфигурации должна сообщать Teams, когда она выполнит любую работу по настройке, которую она должна выполнить. Например, если вы добавляете вкладку SharePoint в Teams, это дает пользователю возможность выбрать, что из SharePoint они хотят показать, поэтому эта страница конфигурации необходима. Если вам не нужно предлагать пользователю какую-либо конфигурацию, вы можете просто поместить статическое сообщение на страницу, но вам все равно нужно уведомить Teams о том, что конфигурация «завершена», что вы делаете, вызывая библиотеку Teams JS, что-то вроде этого:

 microsoftTeams.initialize();

microsoftTeams.getContext(function (context) {
    microsoftTeams.settings.registerOnSaveHandler((saveEvent) => {
        microsoftTeams.settings.setSettings({
            websiteUrl: "https://yourWebsite.com",
            contentUrl: "https://yourWebsite.com/yourtab",
            entityId: "myTab",
            suggestedDisplayName: "MyNewTab"
            });
        saveEvent.notifySuccess();
    });

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

Подробнее об этом можно прочитать здесь.