如何使用 Microsoft Share To Teams Button 对用户进行身份验证？

Question

如微软官方文档所述，我在我的 html 页面上添加了“分享到团队”按钮，但在打开的弹出窗口中出现错误

https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/build-and-test/share-to-teams#:~:text=pop%2Dup%20experience%3A-,Embed%20a%20Share%20to%20Teams%20button,js%20script%20on%20your%20webpage.&text=Add%20a%20HTML%20element%20on,in%20the%20data%2Dhref%20attribute.&text=Alternatively%2C%20if%20you%20want%20a,icon%2Dpx%2Dsize%20attribute

.

那么如何对用户进行身份验证，我们是否必须为此或其他任何事情调用另一个 API....

当我搜索时，我发现了 Graph API，但不知道这是我需要的还是如何使用它。

我创建了这个简单的 html 页面。

HTML代码

<html>
<head>
    <title>Hello Teams</title>
    <script async defer src="https://teams.microsoft.com/share/launcher.js"></script>
    </head>
    <body>
        <h1>Share to Teams</h1>
        <p>Please click on this icon below</p>
        <span
        class="teams-share-button"
        data-icon-px-size="64"
        data-href="https://docs.microsoft.com/en-us/graph/teams-concept-overview"
         data-preview="false"
        data-msg-text="Hello Avengers"
        data-assign-title="Demo Share"
        data-assign-instr="Demo Default Assignment Instructions"></span>
    
    </body>
    </html>

Answer 1

当我在隐身模式下打开分享给团队按钮 html 文件时 window 我可以重现你的问题。

我已经针对这个问题提出了一个错误，相关团队正在处理它。

或者您可以使用下面的代码，请转到 through 这个。

<div class="teams-share-button" data-href="https://docs.microsoft.com">
<a target="ms-teams-share-popup" onclick="window.open('https://teams.microsoft.com/share?href=https%3A%2F%2Fdocs.microsoft.com&amp;referrer=docs.microsoft.com', 'ms-teams-share-popup', 'width=700,height=600'); return false" href="https://teams.microsoft.com/share?href=https%3A%2F%2Fdocs.microsoft.com&amp;referrer=docs.microsoft.com">
<img alt="Share to Microsoft Teams" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0i...Zz4=" width="32" height="32">
</a>
</div>

如何使用 Microsoft Share To Teams Button 对用户进行身份验证？

How to authenticate user using Microsoft Share To Teams Button?

javascript

microsoft-teams

microsoft-graph-teams

microsoft-identity-platform

microsoft-identity-web