그림 1. 서비스워커 생명주기 Fig. 1. 서비스 워커 Lifecycle.
그림 2. 서비스 워커와 cache api를 이용한 서비스 예시 Fig. 2. Example service using 서비스 워커 and cache api.
그림 3. 시스템 구조도 Fig. 3. System Architecture.
그림 4. 시스템 동작도 – 사용자가 요청한 파일이 캐시에 존재하는 경우 Fig. 4. System operation diagram - If the file requested by the user exists in the cache.
그림 5. 캐시 갱신시 발생하는 네트워크 트래픽 Fig. 5. Network traffic that occurs during cache updates.
표 1. hash.php 소스 코드 Table 1. hash.php source code.
표 2. index.html 소스 코드 Table 2. index.html source code.
표 3. index.js 소스 코드 Table 3. index.js source code.
표 4. sw.js 소스 코드 중 캐시 최신화 함수 정의부 Table 4. sw.js Source code update cache function definition.
표 5. 실험 측정 결과 – Fast 3G 네트워크 환경 Table 5. Experimental Results - Fast 3G Network Environment.
표 6. 실험 측정 결과 – 100Mbps 네트워크 Table 6. Experimental Results - 100Mbps Network.
References
- P. Lepage, Your first progressive web app [Internet]. Available: https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/?hl=en
- B. H. Andreas, T. A. Majchrzak, and T. M. Gronli. "Progressive web apps: The possible web-native unifier for mobile development," in Proceedings of the 13th International Conference on Web Information Systems and Technologies (WEBIST), Porto: Portugal, pp, 344-351, April. 2017.
- Google developers, Nikkei achieves a new level of quality and performance with their multi-page PWA [Internet]. Available: https://developers.google.com/web/showcase/2018/nikkei
- Mozila MDN, Service worker api [Internet]. Available: https://developer.mozilla.org/en-US/docs/Web/api/Service_Worker_api
- N. Pande, A. Somani, S. P. Samal, and V. Kakkirala. "Enhanced web application and browsing performance through service-worker infusion framework," in 2018 IEEE International Conference on Web Services (ICWS), San Francisco: CA, pp, 195-202, July. 2018.
- A. Gambhir, and G. Raj. "Analysis of cache in service worker and performance scoring of progressive web application," in 2018 International Conference on Advances in Computing and Communication Engineering (ICACCE), Paris: France, pp, 294-299, June. 2018.
- Mozila MDN, Cache [Internet]. Available: https://developer.mozilla.org/en-US/docs/Web/api/cache
- Kravchenko and Maxim. Evaluation of security of serviceworker and related apis, Bachelor, Linnaeus University, Sweden, 2018.
- I. Malavolta, G. Procaccianti, P. Noorland, and P. Vukmirovic. "Assessing the impact of service workers on the energy efficiency of progressive web apps," in Proceedings of the 4th International Conference on Mobile Software Engineering and Systems, New Jersey: NJ, pp, 35-45, May, 2017.
- T. A. Majchrzak, B. H. Andreas, and T. M. Gronli. "Progressive web apps: the definite approach to cross-platform development?." in Hawaii International Conference on System Sciences (HICSS), January, 2018.