Question

这主要是缺乏对oauth2的理解，可能并不特定于电子，但是我试图解决一个人如何处理桌面平台上的oauth2重定向网址，如电子？

假设没有Web服务设置作为应用程序的一部分，桌面应用程序将如何提示用户提供针对第三方oauth2服务的凭据，然后对其进行正确认证？

Answer 1

Electron JS在您的localhost上运行浏览器实例。因此，您可以通过提供https：localhost / whatever / path / you / want的回调URL来处理oauth2重定向URL。请务必在oauth2应用程序注册页面上将其列入白名单，以获取您正在使用的任何服务。

示例：

var authWindow = new BrowserWindow({
    width: 800, 
    height: 600, 
    show: false, 
    'node-integration': false,
    'web-security': false
});
// This is just an example url - follow the guide for whatever service you are using
var authUrl = 'https://SOMEAPI.com/authorize?{client_secret}....'

authWindow.loadURL(authUrl);
authWindow.show();
// 'will-navigate' is an event emitted when the window.location changes
// newUrl should contain the tokens you need
authWindow.webContents.on('will-navigate', function (event, newUrl) {
    console.log(newUrl);
    // More complex code to handle tokens goes here
});

authWindow.on('closed', function() {
    authWindow = null;
});

从此页面获取了很多灵感：http://manos.im/blog/electron-oauth-with-github/

Answer 2

谢谢您的解决方案。我还注意到，当没有单击浏览器窗口触发重定向到应用程序重定向uri时，来自webContents的导航事件是不可靠的。例如，如果我已经在浏览器窗口中登录，那么Github登录页面将永远不会使用重定向URI触发此事件。（它可能正在使用一些会话存储）。

我发现的解决方法是改用WebRequest

const { session } = require('electron');

// my application redirect uri
const redirectUri = 'http://localhost/oauth/redirect'

// Prepare to filter only the callbacks for my redirectUri
const filter = {
  urls: [redirectUri + '*']
};

// intercept all the requests for that includes my redirect uri
session.defaultSession.webRequest.onBeforeRequest(filter, function (details, callback) {
  const url = details.url;
  // process the callback url and get any param you need

  // don't forget to let the request proceed
  callback({
    cancel: false
  });
});

处理来自电子（或其他桌面平台）的oauth2重定向

2 个答案: