oauth-2.0 - 如何将 oAuth 登录与打包的 Electron 应用程序集成

Question

我一直在开发一个使用 Spotify API 的带有 react 的新 Electron 应用程序。我正在使用 oAuth 向 Spotify 进行身份验证并返回访问 token ，这就是为什么如果在 webpack 开发服务器上运行并且可以提供回调 url 的应用程序在本地开发环境中很好。

但是，当 Electron 应用程序打包并安装时，它不再使用开发服务器，并且 JS 捆绑包与应用程序一起打包。

在这个阶段，我应该如何访问 oauth 服务器并返回一个有效的回调 url 来获取 token ？

Answer 1

您可以注册自定义协议(protocol)并通过 Electron 拦截它，这样您就不需要网络服务器。您可以设置 native 桌面/移动应用程序的 urn，而不是 Web 应用程序的重定向 uri。

https://electronjs.org/docs/api/protocol

protocol.registerFileProtocol('yourprotocolname', (request, callback) => {

      //parse authorization code from request 

  }, (error) => {
    if (error) console.error('Failed to register protocol')
  })

在oauth配置中设置应用的urn为yourprotocolname://example