2
진보적 인 웹 응용 프로그램에 각도 응용 프로그램을 변환 할 때 나는 다음과 같은 문제에 봉착
index.html을하여 매니페스트를 사용하여 추가됩니다 :
를 반환로그인 빈 팝업 페이지
(크롬을 통해) 내 휴대 전화의 홈 화면에 응용 프로그램을 추가, 그것을 사용하려고 시도하면 사용자가 로그인 할 수 있도록 첫 페이지가 열립니다. 하지만 로그인 버튼을 누르면 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
}
]
}
<link rel="manifest" href="/manifest.webmanifest">
그것은, 일하고있다된다 알았어 가치가 있지만, 더 이상 로그인 흐름을 통과 할 수 없습니다. 누구나 여기에 잘못 될 수있는 것에 대한 아이디어가 있습니까?
당신이 [스레드]로 참조 할 수 있습니다 (https://stackoverflow.com/questions/46570311/google-authentication-in-firebase-showing-blank-screen-progressive- 웹 앱). 리디렉션 인증은 PWA에서 작동하지 않습니다 (일부 경우 다른 브라우저 인스턴스를 사용하는 경우가 있음). 팝업 인증 흐름 (https://firebase.google.com/docs/auth/web/google-signin)을 사용하여이 문제를 해결할 수 있습니다. – abielita