在keycloak登录页面上显示应用程序名称 [英] Display application name on keycloak login page

问题描述

我有两个应用程序App1和App2，它们与keycloak进行交互以验证用户身份.

I have two applications App1 and App2 which interacts with keycloak for authentication of users.

我想在keycloak登录页面上显示应用程序名称.

I want to display application name on keycloak login page.

例如:如果用户正在登录App1，则keycloak登录页面应显示登录到App1". App2也应该发生相同的情况.

Eg.: if the user is logging into App1, the keycloak login page should display "Log in to App1". Same should happen for App2 also.

这怎么实现??

推荐答案

如果您想将两者保持在同一领域，只需将javascript代码添加到

If you want to keep both in the same realm, just add the javascript code to a custom theme login page. The client_id is passed as a request parameter to the login page. For instance:

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

$(window).load(function(){ 
    var clientName = getParameterByName('client_id');
    var title = document.getElementById('title');
    title.innerHTML += clientName;
});

另请参见:

• 如何获取JavaScript中的查询字符串值?
• 如何使用JavaScript将数据附加到div?
• 在页面加载后执行的JavaScript

• How can I get query string values in JavaScript?
• How to append data to div using JavaScript?
• JavaScript that executes after page load

这篇关于在keycloak登录页面上显示应用程序名称的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！