{"id":294,"date":"2023-07-19T06:50:59","date_gmt":"2023-07-19T06:50:59","guid":{"rendered":"http:\/\/www.adartis.de\/?p=294"},"modified":"2023-07-19T06:50:59","modified_gmt":"2023-07-19T06:50:59","slug":"keycloak","status":"publish","type":"post","link":"https:\/\/www.adartis.de\/?p=294","title":{"rendered":"Keycloak"},"content":{"rendered":"\n

Keycloak integration mit Reacjs-App<\/strong><\/p>\n\n\n\n

Diese Doku ist eine Anleitung f\u00fcr die Integration von Keycloak Access Management mit einer Frontend Beispielanwendung (Reactjs app).<\/p>\n\n\n\n

Hinweise:<\/strong><\/p>\n\n\n\n

    \n
  1. Keycloak wird mittels folgender Helm Chart<\/a> [1] installiert. Es ist in unserer Installation unter http:\/\/key.apps.rancher.adartish.de<\/a> ansprechbar.<\/li>\n\n\n\n
  2. Beispielanwendungen zu Keycloak findet man in Repo1<\/a> [2] oder Repo2<\/a> [3]<\/li>\n\n\n\n
  3. Keycloak configuration f\u00fcr Javascript<\/a> [4] Projekte mit schon im Code integriertem Keycloak.<\/li>\n\n\n\n
  4. Die Apps k\u00f6nnen mithilfe der \u201edevspace\u201c package<\/a> [5] dockerisiert werden und dann zum K8s Cluster gepusht werden. (Beispiel<\/a> [6])<\/li>\n\n\n\n
  5. Man kann auch Ingresse f\u00fcr die App konfigurieren. Die Ingress dieses Apps ist unter folgender URL ansprechbar: http:\/\/react.apps.rancher.adartish.de<\/a><\/li>\n<\/ol>\n\n\n\n

    Ablauf:<\/strong><\/p>\n\n\n\n

    Zuerst muss man als Keycloak Admin einen Realm definieren unter dem die Konfigurationen abgespeichert werden. In diesem Beispiel hei\u00dft er \u201eNew.<\/p>\n\n\n\n

    Wenn alles bereit ist, muss man einen \u201eClient\u201c im Keycloak Realm \u201eNew\u201c erstellen.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Man w\u00e4hlt einen \u201eclient-id\u201c aus und dr\u00fcckt Save. Die andere Felder k\u00f6nnen wie folgt ausgef\u00fcllt werden.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Wichtige Punkte:<\/p>\n\n\n\n