Aurelia.js单页应用程序Keycloak身份验证示例

Question

我需要一个示例或指针，在基于Aurelia.js的单页Web应用程序中使用Keycloak.js身份验证。在我的用例中，用户应该能够在登录前访问我的Web SPA。但是，要获得对其他资源的访问权限，用户需要登录。后端应用程序没有问题。 “只需要网络客户端帮助。

我有基本的HTML5和Angular.js示例。似乎bandrzejczak提供的示例最接近。

'已经在网上搜索过，阅读过Keycloak，Aurelia，Aurelia-Auth，Aurelia-Authorization docs。我花了太多时间在这上面，我希望有人已经解决了这个问题。 - 谢谢

Answer 1

见Aurelia-Keycloak。

奥里利亚-Keycloak

Alpha版。基于 KeyCloak 的 Aurelia 应用程序的身份验证插件。

开始使用

• 安装Aurelia-Keycloak：

  jspm install aurelia-keycloak

• 添加keycloak配置和初始化设置：

按照Keycloak说明创建keycloak.json配置文件。将此文件放在与应用程序的index.html文件相同的目录中。请参阅keycloak javascript adapter documentation了解其初始化选项和API。

• 将插件添加到您应用的main.js.此示例假定您的keycloak.json位于根目录中。此代码将立即显示登录屏幕 .plugin('aurelia-keycloak', {initOptions:{ onLoad: 'login-required' }})
• 要延迟登录，请使用以下命令： .plugin('aurelia-keycloak') 然后，在代码中构建一个登录按钮，以调用keycloak登录功能。
• 您可以使用插件声明插入安装配置，而不是使用keycloak.json文件

`.plugin（＆＃39; aurelia-keycloak＆＃39;，{install：{ PASTE GENERATED KEYCLOAK.JSON HERE }}，initOptions：{onLoad：＆＃39; login-required＆ ＃39;}}

有关详细信息，请参阅GITHUB。