OAuth 2 流程完成后如何重定向父頁面？

Question

我目前的流程是這樣的：

1. 用戶點擊登錄第三方
2. 授予后，第三方使用代碼重定向到已配置的重定向 uri
3. 將代碼轉發到后端進行驗證等。
4. 返回成功/失敗

我的前端被編碼為在登錄成功時關閉彈出窗口，但父頁面仍然保持不變 - 標准登錄頁面。 目標是重定向該頁面。

我試圖在 window object 上添加一個事件監聽器，但它不起作用。

...
  const loginWindow = window.open(oAuthUrl,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,height=450')
  loginWindow.onbeforeunload = function () {
    alert("new window closed");
  }
};

這可能嗎？

Answer 1

好的，我有一些似乎有用的東西：

        fetch('http://localhost:8080/user/login', requestOptions)
            .then(response => response.json())
            .then(data => window.close())
            .then(data => window.opener.location.replace("/"))
    }

window.opener允許您訪問父 window。