added login function

src/main.ts

@@ -3,7 +3,7 @@ import {createPinia} from 'pinia';
 
 import App from './App.vue';
 
-import Keycloak, {type KeycloakConfig, type KeycloakInitOptions} from 'keycloak-js';
+import Keycloak from 'keycloak-js';
 import { useKeycloakStore } from 'stores/keycloakStore';
 import {useUserStore} from 'stores/user-store';
 
@@ -18,23 +18,34 @@ app.use(createPinia());
  * @param onLoad = 'login-required': Hierdurch wird zum Aufrufen der ganzen Applikation ein login benötigt.
  * @param redirectUri: URL, zu der nach dem Login weitergeleitet wird. Hierbei wird die Port des Frontends aus der .env-Datei verwendet.
  */
+/**
+ * Variablen sind in quasar.config.js definiert und werden hier verwendet.
+ * @param keycloakPort Port, auf dem Keycloak läuft, hinterlegt in docker-compose.yml
+ * @param frontendPort Port, auf dem das Frontend läuft, hinterlegt in quasar.config.js und realm-export.json von Keycloak für die Redirect-URL
+ * @param realm Name des Realms, hinterlegt in realm-export.json von Keycloak
+ * @param clientId Name des Clients, hinterlegt in realm-export.json von Keycloak
+ */
+const keycloakPort = "" + process.env.PORT_KEYCLOAK;
+const frontendPort = "" + process.env.PORT_FRONTEND;
+const realm = "" + process.env.KEYCLOAK_REALM;
+const clientId = "" + process.env.KEYCLOAK_CLIENT_ID;
+
+const userStore = useUserStore();
+const keycloakStore = useKeycloakStore();
 
 const keycloak = new Keycloak({
-  url: 'http://localhost:8083/',
-  realm: 'PraxistransferKeycloak',
-  clientId: 'praxistransfer'
+  url: 'http://localhost:' + keycloakPort + '/',
+  realm: realm,
+  clientId: clientId
 });
 
-console.log("ICH WAR HIER");
-
 try {
-  const authenticated = await keycloak.init({
-    onLoad: 'login-required',
-    redirectUri: 'http://localhost:8080/test/'
+  await keycloak.init({
+    onLoad: 'login-required', //authentifizierung erforderlich
+    redirectUri: 'http://localhost:' + frontendPort + '/test/'
   }).then( (auth) => {
-    console.log("Authenticated :" + authenticated);
+    console.log("Authenticated: " + auth);
   });
-
 } catch (error) {
   console.error(error);
 }
@@ -43,7 +54,6 @@ console.log(keycloak);
 console.log(keycloak.subject);
 
 // Anfrage ans Backend
-const userStore = useUserStore();
 
 if (keycloak.subject != null) {
   //userStore.loadPtpUsersByKeycloakID(keycloak.subject);
@@ -56,7 +66,7 @@ if (keycloak.subject != null) {
     console.log(JSON.stringify(user));
   })
 } else {
-  console.log("hier ist was schlimmes passiert menno");
+  console.error("hier ist was schlimmes passiert menno");
 }
 
-
+keycloakStore.setKeycloak(keycloak);