Vermeiden Sie die Keycloak-Standard-Anmeldeseite und verwenden Sie die Projekt-Anmeldeseite

Ich arbeite an der Erstellung einer Angular.js-Webanwendung und suche nach Möglichkeiten zur Integration keycloak in das Projekt. Ich habe viele Tutorials gelesen und angesehen und sehe, dass die meisten von ihnen Benutzer haben, die sich über die Standard-Anmeldeseite von anmelden/registrieren keycloak die dann auf die App umleitet.

Ich habe meine eigene Anmelde- und Registrierungsseite entworfen, die ich verwenden möchte. Wie benutze ich sie statt keycloak Ursprünglich. Gibt es eine API, die ich aufrufen kann, oder könnte mein Backend das tun? Ich habe auch gelesen, dass es Federadapter für Keycloak gibt, kann ich sie verwenden? Jeder Link zu einem Beispiel wäre gut.

Die zweite Frage, die ich habe, ist, ob ich bei der Registrierung weitere Benutzerdetails wie Adresse, Geburtsdatum, Geschlecht hinzufügen kann keycloak? Weil meine Registrierungsseite diese Informationen benötigt.

Expanding on the API roles

POST to your/keycloak/url/auth/realms/master/protocol/openid-connect/token

with data:

{

    client_id : 'Id_of_your_client',

    username : 'your_username',
    password : '@#$%^&',
    grant_type : "password"

}

will give you the initial access token and refresh token

and

POST to the same URL with

data:

{

    client_id : 'Id_of_your_client',

   // client_secret : 'optional depending on the type of client',

    grant_type : "refresh_token" ,

    refresh_token : refresh_token_you_got_earlier 

}

will give the new refresh and access tokens .These tokens are what keycloak checks for authorization/authentication.

You could make your own login and send the credentials to keycloak via a REST API and once you have the access token , just put it in the header of any ongoing request to a keycloak protected resource as

headers :{

  Authorization : 'Bearer ' +  access_token_you_got

}

3 steps:

1. In the keycloak/themes/ directory create folder with name eg. myTheme.

2. In the myTheme folder place your custom login page

   (the structure must be same as base or keycloak themes, my advice is to copy the base theme, rename it and customize it).

3. Go to the admin console of keycloak into Realm Settings > Themes > Login Theme and select myTheme.

• You probably should stick with the Keycloack’s forms. They bring nice features (SSO, pw reset, etc.) and are fully customizable (via themes). However, there it is possible to obtain the Access Token via so called Direct Access Grant. It can be done via Keycloak REST API.
• Storing the custom user info (gender, job, etc.) is done by User Attributes

Both topics are more or less covered in the official Keycloak Docs.

Use the below code if you want to hit the Keycloak login page through Java and get the response:

String uri = "http://localhost:7080/auth/realms/{RealmName}/protocol/openid-connect/token";

            HttpClient client = HttpClientBuilder.create().build();
            HttpPost post = new HttpPost(uri);
            post.setHeader("User-Agent",
                    "Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2228.0 Safari/537.36");
            List<BasicNameValuePair> urlParameters = new ArrayList<BasicNameValuePair>();
            urlParameters.add(new BasicNameValuePair("grant_type", "password"));
            urlParameters.add(new BasicNameValuePair("client_id", {ClientName}));
            urlParameters.add(new BasicNameValuePair("username", {UserName}));
            urlParameters.add(new BasicNameValuePair("password", {Password}));
            post.setEntity(new UrlEncodedFormEntity(urlParameters));
            HttpResponse response = client.execute(post);
            System.out.println("Response Code : " + response.getStatusLine().getStatusCode());
            BufferedReader rd = new BufferedReader(new InputStreamReader(response.getEntity().getContent()));
            StringBuffer result = new StringBuffer();
            String line1 = "";
            while ((line1 = rd.readLine()) != null) {
                result.append(line1);
            }
            System.out.println(result);

If your username and password are valid, response.getStatusLine().getStatusCode() will give the value as HTTP 200 along with AccessToken and RefreshToken. Otherwise response.getStatusLine().getStatusCode() will give the value as HTTP 403 and data as: {"error":"invalid_grant","error_description":"Invalid user credentials"}

Put your login theme in keycloak themes directory and by admin loging change login theme setting and choose your theme from drop-down.
Your login theme must in keycloak default theme formate so to create your’s please refer keycloak default theme and design your’s according to that.

You can refer following
Keycloak theme configuration

From the docs, it seems that you extend themes or override individual resources (templates, stylesheets, etc.):
https://www.keycloak.org/docs/latest/server_development/#creating-a-theme

Regarding the additional user details, again from the docs:
https://www.keycloak.org/docs/latest/server_development/#_custom_user_attributes