초학자의 PWA 정리
htps : // m / uun gsys / ms / cb149499c21bf1 af472a

PWA 해본 메모 1
htps : // 이 m / uun gsys / / ms / b5328487f7 1802

PWA 해본 메모 2
htps : // 이 m / uun gsys / / ms / 98cf196 ~ f32237377 A23

그래서 PWA 해 보았다.

결국 무엇을 만들었습니까?

이런거.



...... 쇼보라고 말하지 말아줘. 알고 있어.
다만 중요한 점이 하나 있다.
착각하고 있었지만, PWA 최대의 특이성은 Push가 아니고, 역시 Offline에서 움직이는 점이었다.

제일 참고가 된 자료는?

구글님 직접 핸즈온이 제일이었다.
htps : // 코데아 bs. 로 ゔぇぺぺrs. 오, ぇ. 코 m / 코데 아 bs / 요 r 푸 rst p 왓 p / # 0

소스는…

오프라인으로 움직이는 점은?

이번, 원래는 Push 통지를 이용해,Todo의 시간이 왔을 때에 통지를 내릴 생각이었다.
그러나 firebase의 이해에 힘들었기 때문에 그만두었다. 어쨌든 움직이는 것을 우선했다.

그리고 firebase에 deploy하고 Android에서 Home에 넣어보고 firebase project를 떨어뜨려 눈치챘다.
서버, 이제 없는데 움직이고 있어.

물론, 이것은 당연한 일이다.
기능을 삭감한 것도 있고, 이번에 만든 것은 그 모든 것이 캐시되고 캐시와 localStorage만으로 완결되도록 하고 있다.
그래서 캐시와 localStorage에서만 움직였다. 그만큼이다.


(Android의 홈에 더한 상태. 왼쪽 위 오렌지의 녀석이다. 서버는 떨어지고 있지만, 이 상태에서도 사용할 수 있었다)

하지만 그것이 획기적인 일이라고 지금 깨달았다. 웹 앱이 (한정적이지만) 로컬 전용으로 작동한다는 의미는 작지 않습니다.

극단적인 이야기, 로컬에 전해진 Web어플을 기본무료로 판매해, 업데이트는 서브스크립션으로, 라고 하는 것도 할 수 있다. 그렇다고 하는 것이, 만들어 보아 지금 더 알았다.

만들어 보면 알 수 있다. PWA, 생각보다 굉장하다.

(가장 캐시할 수 있는 용량의 문제도 있고, 그다지 강렬한 것을 짜는 것은 어렵다.