使用JavaScript的Outlook加載項O365登錄流程

Question

我正在將Outlook加載項實現到我的網站。 我需要實現身份驗證Office 365登錄功能。我嘗試使用此URL登錄到Office 365：

https://login.microsoftonline.com/common/oauth2/authorize?api-version=2.0&client_id=XXX&response_type=code&redirect_uri=https://mysiteurl/auth.php&scope=https%3A%2F%2Fgraph.microsoft.com%2F.default

當我直接從瀏覽器中訪問此URL時，得到的響應為

Array
(
    [code] => M26235f9c-3bb8-aa61-14ab-5d8110dc3f1a
)

但是問題是當我嘗試從Outlook加載項中訪問此URL時，它返回錯誤

“拒絕顯示' https://login.microsoftonline.com/common/oauth2/authorize?api-version=2.0&client_id=XXX&response_type=code&redirect_uri=https://mysiteurl/auth.php&scope=https%3A%2F%2Fgraph。 microsoft.com％2F.default ，因為它會將'X-Frame-Options'設置為'deny'。”。

為什么會發生此錯誤，以及如何解決此問題。

當我從瀏覽器中訪問此URL時：

https://login.microsoftonline.com/common/oauth2/authorize?api-version=2.0&client_id=XXX&response_type=code&redirect_uri=https://mysiteurl/auth.php&scope=https%3A%2F%2Fgraph.microsoft.com%2F.default

我得到結果：

Array
(
    [code] => M26235f9c-3bb8-aa61-14ab-5d8110dc3f1a
)

這是我所嘗試的是正確的還是在Outlook加載項中使用O365登錄還有其他想法嗎？ 誰能建議任何參考教程來在Outlook加載項中實現O365登錄？

Answer 1

如錯誤所示 ，您無法在Frame / IFrame / Embed中顯示此頁面

“拒絕顯示' https://login.microsoftonline.com/common/oauth2/authorize?api-version=2.0&client_id=XXX&response_type=code&redirect_uri=https://mysiteurl/auth.php&scope=https%3A%2F%2Fgraph。 microsoft.com％2F.default ，因為它會將'X-Frame-Options'設置為'deny'。”。

您將必須使用對話框來處理身份驗證流程。

如何在Office加載項中使用Dialog API