2
진보적 인 웹 응용 프로그램에 각도 응용 프로그램을 변환 할 때 나는 다음과 같은 문제에 봉착

를 반환로그인 빈 팝업 페이지

(크롬을 통해) 내 휴대 전화의 홈 화면에 응용 프로그램을 추가, 그것을 사용하려고 시도하면 사용자가 로그인 할 수 있도록 첫 페이지가 열립니다. 하지만 로그인 버튼을 누르면 identityServer로 리디렉션되지만 대신 "about : blank"팝업이 열립니다.

내 휴대 전화에서 일반 Chrome 브라우저를 사용하면 로그인이 정상적으로 작동합니다.

기술 정보 :

  • 삼성 갤럭시 S6 에지
  • 안드로이드 버전 7.0
  • 각도 5.0.1
  • OIDC 클라이언트 : "1.3.0"
  • IdentityServer 4

manifest.webmanifest :

에서

{ 
 
    "name": "MyApp", 
 
    "short_name": "MyApp", 
 
    "start_url": ".", 
 
    "display": "standalone", 
 
    "background_color": "#fff", 
 
    "description": "'Best description ever'", 
 
    "icons": [ 
 
     { 
 
     "src": "assets/logos/MyApp_36x36.png", 
 
     "sizes": "36x36", 
 
     "type": "image/png", 
 
     "density": 0.75 
 
     }, 
 
     { 
 
     "src": "assets/logos/MyApp_48x48.png", 
 
     "sizes": "48x48", 
 
     "type": "image/png", 
 
     "density": 1.0 
 
     }, 
 
     { 
 
     "src": "assets/logos/MyApp_72x72.png", 
 
     "sizes": "72x72", 
 
     "type": "image/png", 
 
     "density": 1.5 
 
     }, 
 
     { 
 
     "src": "assets/logos/MyApp_96x96.png", 
 
     "sizes": "96x96", 
 
     "type": "image/png", 
 
     "density": 2.0 
 
     }, 
 
     { 
 
     "src": "assets/logos/MyApp_144x144.png", 
 
     "sizes": "144x144", 
 
     "type": "image/png", 
 
     "density": 3.0 
 
     }, 
 
     { 
 
     "src": "assets/logos/MyApp_192x192.png", 
 
     "sizes": "192x192", 
 
     "type": "image/png", 
 
     "density": 4.0 
 
     } 
 
    ] 
 
}
index.html을하여 매니페스트를 사용하여 추가됩니다 :

<link rel="manifest" href="/manifest.webmanifest">

그것은, 일하고있다된다 알았어 가치가 있지만, 더 이상 로그인 흐름을 통과 할 수 없습니다. 누구나 여기에 잘못 될 수있는 것에 대한 아이디어가 있습니까?

+0

당신이 [스레드]로 참조 할 수 있습니다 (https://stackoverflow.com/questions/46570311/google-authentication-in-firebase-showing-blank-screen-progressive- 웹 앱). 리디렉션 인증은 PWA에서 작동하지 않습니다 (일부 경우 다른 브라우저 인스턴스를 사용하는 경우가 있음). 팝업 인증 흐름 (https://firebase.google.com/docs/auth/web/google-signin)을 사용하여이 문제를 해결할 수 있습니다. – abielita

답변