react-router - 使用Electron App进行Keycloak身份验证

Question

嗨，我已经被这个问题困扰了好几天了!在使用此guide转换我的应用程序后，我试图使用keycloak对我的 Electron 应用程序进行身份验证。

当我运行'npm runelectron:dev'时，keycloak重定向到登录页面。但是，当我运行“npm run electronic:prod”时，此操作将失败。

来自keycloak服务器的日志显示:

Server:server-one] 08:58:31,575 WARN  [org.keycloak.events] (default task-3) type=LOGIN_ERROR, realmId=codingpedia, clientId=my-ui, userId=null, ipAddress=127.0.0.1, error=invalid_redirect_uri, redirect_uri=file:///home/mycompany/john/projects/boilerplate-javascript-electron/app/build/index.html

请注意，redirect_uri是'file:///...'，我认为是原因。

我也尝试更改以下内容，但不能解决问题。

// import createHistory from 'history/createBrowserHistory';
import createHistory from 'history/createHashHistory';

为什么这在开发人员中起作用而在产品中却行不通？有什么我想念的吗？先感谢您!

Answer 1

它可以在dev中工作，可能是因为“index.html”文件位于您的计算机中(文件:///home/mycompany/john/projects/boilerplate-javascript-electron/app/build/index.html)。

This stackoverflow thread告诉您如何通过管理控制台正确设置redirect_uri参数。

注意:请确保您可以使用浏览器或任何其他客户端工具(HTTP GET)来远程访问prod中的index.html。