pwa 배포시 service-worker

[이태성]

개발한 서비스를 pwa로 port fowarding을 통해 외부로 배포하려고 합니다.
강의 내용대로 했으나 service-worker가 작동하지 않는것 같습니다.
아래 사진은 pwa-builder를 통해 파악한 사항 입니다.


현재 이 상황을 해결하기 위해 투닥거리고 있습니다.
질문 드립니다!

1) pwa 뿐만 아니라 일반적으로 react를 서비스할 때 배포용은 npm start를 사용하면 안되나요?
개발할 때 쓰는 명령어라는데 그 이유와 차이를 알고 싶습니다.

2) pwa 서비스 배포시에 npm start 대신 (동일 위치에서) npm run build > service -s build
를 사용해 서비스를 키는게 맞을까요?

3) 현 index.js 코드에 
serviceWorkerRegistration.register(); 가 잘 들어가 있는 것은 확인 했습니다.
2번의 명령어를 쳐도 아무런 문제 없었습니다.
build 폴더 안에 service파일도 있기는 있습니다..

어떻게 문제를 해결해야할까요 ...?

[codingapple]

리액트는 html 파일 만들어주는 툴일 뿐입니다 개발끝나면 npm run build 해서 나온 html 파일을 서버에서 쓰거나 하면 됩니다
npm run build 하면 serviceworker 파일도 나올걸요 
npm start는 개발시에만 씁니다 

[이태성]

네 serviceworker 파일은 분명 존재합니다.
그런데 지금까지 npm start를 해서 서버에 실행이 되면서 배포가 됐다고 생각했었습니다...
그런데 npm start로는 pwa 다운 받는 아이콘이 생기지 않더라구요
또한, 위에서 원 게시글 내용대로 service-worker 점수가 0점으로 나오구요..

html 파일을 서버에 쓰거나 하면 된다는 말씀이 이해가 안되는데 
html을 Live Server로 키듯이 html 파일에만 어떻게 하면 된다는 말씀이 맞나요 ???

어떻게 하면 html 파일만 서버에 킬 수 있나요 ???
혹은 검색 키워드라도 알려주시면 큰 도움이 될 것 같습니다..

[codingapple]

build폴더 에디터로 오픈해서 index.html live server로 미리보기 띄우면 됩니다

[이태성]

그렇게하면 포트포워딩한 포트로 배포가 되나요 ????
 live server는 그냥 저만 보는 용 아닌가요 ????????

[codingapple]

직접 서버를 만들었으면 특정포트 접속시 html파일 보내주라고 코드짜면 끝인데
서버없으면 live server 이용해봅시다

[이태성]

API를 생성하는 벡엔드 서버를 말씀하시는거면 직접 만들었습니다
말씀하시는 서버가 해당 서버가 맞을까요 ?

[이태성]

현재 localhost 에서는 pwa 다운을 받는 아이콘 형성이 됩니다
지금 검색 중에 HTTPS가 반드시 되어야 외부 URL로 배포가 가능한데 맞을까요 ?
해결할 수 있는 방법이 있을까요 ...?
현재는 HTTP입니다. 
그래서 원글의 사진에서 security 점수가 0점이였던것 같습니다..

[codingapple]

네 백엔드서버요 
직접 https 인증서발급받아서 서버에 설치하면 됩니다 
싫으면 github pages 이런거 씁시다

[글쓴이]

글