Cfrgtkky

So i'm trying to set up a sso system with keycloak on my angular app.

I have downloaded the keycloak library keycloak-angular@4.0.2, setted up a keycloak server at localhost:8080/auth, added the keycloak.json on the root of the app, that keycloak made for me:

   {

  "realm": "my-app",

  "auth-server-url": "http://localhost:8080/auth",

  "ssl-required": "external",

  "resource": "my-app",

  "public-client": true,

  "confidential-port": 0

  }

Also I added the keycloak initi function in the main.ts:

import { enableProdMode } from '@angular/core';

//....some other import....

import { KeycloakService } from 'keycloak-angular';





var injector = ReflectiveInjector.resolveAndCreate([KeycloakService]);

var keycloak = injector.get(KeycloakService)



if (environment.production) {

    enableProdMode();

}







keycloak.init()

    .then(() => platformBrowserDynamic().bootstrapModule(AppModule))

    .catch(e => {

        console.error(e);

    });

Now, if i try to make a registration page, someting like this:

export class registration implements OnInit {





  constructor(keycloak:KeycloakService) {



    keycloak.register();



   }



  ngOnInit() {



  }



}

it works and sends me to a registration page and if i create an account it apears in the keycloak server.
BUT... even if i am not logged in with any account it lets me access any page, also, if i try :

keycloak.isLoggedIn().then(() => console.log("logged"), ()=>console.log("Not logged"));

The result is "logged", but if i try:

keycloak.loadUserProfile();

Then it says

The user profile was not loaded as the user is not logged in.

I can't understand how it works, am i missing someting?
So my question is:
-How do i prevent pages to show if i am not logged in?
-how do a make a user log and stay logged and angular to recognize who is logged and hwo is not.

Sorry if the question is stupid or the text doesn't matck this site best practices, i'm new around here.

thank you all!