[PWA Builder, Android] 앱 상단 URL바 삭제하기 | display : standalone/fullscreen 적용안됨

상황:

PWA Builder의 Package For Store -> Android, Gernerate Package -> Dowload Package

를 통해서 apk 파일을 열어 앱을 실행했다.

 

그런데 이런 URL Bar가 뜸.. 커스텀 크롬 탭처럼..(Custom Chrome Tab, 이하 cct)

 

 

 

뿐만 아니라 display 옵션으로 standalone 혹은 fullscreen 등을 선택했는데도 적용이 되지 않고 cct 형식으로만 디스플레이된다.

---

해결:

assetlinks.json 의 파일을 .well-known 디렉토리에 업로드를 하고나서 앱을 열어야 한다.

 

 

이유:

TWA 를 배포했을 때, 브라우저는 디지털 애셋 링크(https://your-website/.well-known/assetlinks.json) 를 확인하는 검증 작업을 거친다.

 

디지털 애셋 링크는 그 웹사이트의 주인이 이 앱이 맞는지 증명해주는 것인데, 이 검증이 실패할 경우, 웹사이트를 cct 형식으로 보여준다.

 

 

참고

Remove browser URL bar in TWA

 

 

이렇게 해서 검증이 성공되면, TWA 형식으로 앱이 실행되면 display mode 도 적용이 된다!

---

삽질한 이유:

애샛 링크의 SHA256를 업데이트 하지 않고 apk 를 실행했다.