将 Chrome 扩展 popup.html 页面重定向到 Oauth 的 URL

【问题标题】：Redirect the Chrome extension popup.html page to a URL for Oauth将 Chrome 扩展 popup.html 页面重定向到 Oauth 的 URL
【发布时间】：2014-11-04 08:53:44
【问题描述】：

是否可以将 chrome 扩展的弹出 Html 重定向到远程 URL？

出于 OAuth 的目的，我正在研究这种情况。当用户点击“使用 FB 登录”按钮时，

我希望将 chrome 扩展的 Html 页面重定向到：https://www.facebook.com/dialog/oauth?client_id={app-id}&redirect_uri={redirect-uri}，以便提示用户登录。

这是在 Chrome 扩展程序中进行身份验证的正确方法吗？

【问题讨论】：

标签： javascript facebook google-chrome google-chrome-extension oauth

【解决方案1】：

弹出窗口非常.. 脆弱。它们太容易关闭，用户不能使用密码管理器来填写表格等。它们的大小也很受限制。也许不是最好的主意。

您可以改为使用chrome.windows 创建登录类型的窗口：

chrome.windows.create({
  url: "YourLoginURL",
  type: "popup",
  focused: true
});

然而，这并不是在 Chrome 扩展程序中进行 OAuth 的“本机”方式。

原生方式是使用chrome.identity API,，特别是chrome.identity.launchWebAuthFlow。

作为额外的好处，它允许您使用虚拟的https: 回调 URL，这是最广泛支持的选项，而无需拥有域。

【讨论】：