微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使用 Microsoft Share To Teams 按钮对用户进行身份验证?

如何解决如何使用 Microsoft Share To Teams 按钮对用户进行身份验证?

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

https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/build-and-test/share-to-teams#:~:text=pop%2Dup%20experience%3A-,icon%2Dpx%2Dsize%20attribute

enter image description here

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

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

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

enter image description here

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>

解决方法

当我在隐身窗口中打开共享到团队按钮 html 文件时,我能够重现您的问题。

我已针对此问题提出了一个错误,相关团队正在解决此问题。

或者,您可以使用下面的代码并请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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。