로컬 IP 주소에서 포트 번호를 사용하여 점진적 웹 응용 프로그램을 제공 할 때 내 manifest.json 파일의 범위 속성에 어떤 값을 지정해야합니까?

Question

내 로컬 노드 JS 테스트 서버에서 웹 응용 프로그램 매니페스트 범위에 문제가 있습니다. IP 주소의 포트 번호가 길어 지므로 올바른 범위를 얻을 수 없습니다. 나는 응용 프로그램 탭에서 내 매니페스트를보고 크롬 개발 도구를 사용하는 경우는 표시

https://192.168.0.101:2468/ 

매니페스트 파일의 URL이 될 : :2468/manifest.json하지만 :2468는 아니다 나는 다음과 같은 주소로 내 서버에 액세스하고 내 루트 폴더에있는 디렉토리. 내 매니페스트 파일에서 my-app.html

_ website-directory 
|_ server.js 
|_ manifest.json 
|_ my-app.html 

라고 나는 server.js의 manifest.json 및 인덱스를 포함하는 루트 디렉토리 내 모든 파일을 보관

, 나는이 :

{ 

    "scope": "./", 
    "start_url": "my-app.html" 

} 

모든 작업을 완벽하게 내가 Github Pages 사이트에 코드를 업로드 할 때 : working example. 내 IP 주소 뒤에 :2468의 문제가 있다고 생각합니다. Github Pages를 가지고있는 것처럼 정규화 된 도메인 이름에이 문제가 없습니다.

그래서 같은 매니페스트의 범위에 포트 번호를 넣어하려고하면 : 그것은 내 매니페스트의 범위를 나누기

"scope": "./:2468/", 
    "start_url": "my-app.html" 

나는이 경고를 얻을 : :2468 폴더가 아니기 때문에 완벽한 의미가 있습니다 Manifest: property 'scope' ignored. Start url should be within scope of scope URL.을 내 디렉토리에. Chrome이 내 매니페스트 파일의 URL에 첨부하기로 결정한 것입니다.

매니페스트 파일의 범위를 포트 번호를 무시하도록 어떻게 해결합니까? Chrome 개발자 도구가 내 매니페스트가 존재하지 않는 :2468 디렉토리에 있다는 것을 나타내는 이유는 무엇입니까?

내 웹 앱이 전체 화면 창과 시작 화면이있는 앱 모드로 열리지 않기 때문에 이것이 문제가되는 이유입니다. URL 표시 줄이있는 브라우저에서만 열리 며 앱 매니페스트를 전혀 사용하지 않는 것 같습니다.

UPDATE : 11/05/17

의 URL https://192.168.0.101:2468/my-app.html를 사용하여 내 매니페스트 URL에 :2468/을 보여주는 개발 도구없이 내 웹 응용 프로그램에 액세스 할 수 있습니다. 내 앱은 홈 화면과 앱 서랍 모두에 설치되지만 시작 화면이있는 전체 화면 앱이 아닌 브라우저에서만 열립니다. 매니 페스트 범위에 대한 경고는 없으며 서비스 직원은 등록하고 완벽하게 실행됩니다. 나는 진보적 인 웹 응용 프로그램을 IP 주소에서 설치할 수는 없지만 완전한 도메인 이름 만 설치할 수 있다고 생각하기 시작했습니다. 이것이 문제가 될 수 있습니까?

Answer 1

당신이 맞습니다. 프로그레시브 웹 앱은 범위가 제대로 작동해야하기 때문에 다소 적절한 URL에 설치해야합니다. 범위가 강제되지 않으면 악의적 인 서비스 작업자가 피해야하는 사이트에 액세스 할 수 있습니다.