PacktPublishing/Keycloak-Identity-and-Access-Management-for-Modern-Applications

ch2/frontend sample app shows blank page.

es256 opened this issue ยท 6 comments

es256 commented

After following instruction of chapter2, browsing http://localhost:8000/ shows blank page,
and won't run as code in action video (https://bit.ly/3nQjU0W).

and, Developer console said "404 not found" for this document.
http://localhost:8080/auth/realms/myrealm/protocol/openid-connect/3p-cookies/step1.html

I tried to change version/platform but result is same.

please show me how to fix it.

  • platform : linux(centos8.2), and windows 10
  • keycloak version : 12.0.0, 13.0.1, 15.0.1
  • browser firefox on linux(78.13.0esr 64bit), edge on windows, chrome on windows

I'm hitting this issue as well.

  • platform: Linux (RHEL 8.2)
  • keycloak version: 14.0.0
  • browser: Firefox on Linux (91.0)

Can you open:
http://localhost:8080/auth/realms/myrealm

If that shows a 404 then it's most likely that you've not created the realm with the name myrealm. If that works I suspect it may be a firewall issue, so try temporarily to disable firewall and see if it works then.

After following instruction of chapter2, browsing http://localhost:8000/ shows blank page,
and won't run as code in action video (https://bit.ly/3nQjU0W).

and, Developer console said "404 not found" for this document.
http://localhost:8080/auth/realms/myrealm/protocol/openid-connect/3p-cookies/step1.html

I tried to change version/platform but result is same.

please show me how to fix it.

  • platform : linux(centos8.2), and windows 10
  • keycloak version : 12.0.0, 13.0.1, 15.0.1
  • browser firefox on linux(78.13.0esr 64bit), edge on windows, chrome on windows

My solution to solve the blank page: kc.init({onLoad: 'login-required'}).
Wish to help you!

es256 commented

@stianst
You are right. I had missed the description on page 23.
I was skipping the realm configuration. Thank you.

@zhubinn
Thank you for your comment. As above, It was my fault.

admnd commented

Are we supposed, in index.html, to change this line:

kc.init({'messageReceiveTimeout': 100000}).then(function() {

for that line:

kc.init({onLoad: 'login-required'}).then(function() {

realm names are case sensitive. Check if you created the realm name as myrealm or Myrealm