On the development of a Progressive Web Application for the push notifications management system

Yuliya Gavrilenko, Daniel Saada, Evgeniy Ilyushin, Dmitry Namiot


This article presents a system for push notification management. It is based on the results of the project, which includes the development of an application server for the push notification systems. Push notifications (or server notifications) have recently been used increasingly as a replacement for SMS (MMS) notifications. Such notifications can be used both in mobile applications on a variety of platforms and in web applications that work in modern mobile operating systems. In this paper, we used the technology of browser push-notifications – so-called web push. The article provides a detailed overview of the technologies and architectures used to develop the server and client part of the web application and outlines also the advantages of these technologies. The architecture of the application and the database schema are discussed in detail. Particular attention is paid to the Progressive Web Application (PWA) technology, which promotes the development of a web application that is a hybrid of a website and a platform-dependent (native) application. This technology was announced in 2015 by Google and quickly gained popularity with its obvious advantages over native applications and conventional web applications. Also, the service tools (frameworks, libraries) with the open code, used at application creation are in detail described.

Full Text:

PDF (Russian)


Pavlov V., Namiot D. Analiz i razrabotka sistemy push-uvedomlenij s ispol'zovaniem tehnologij Google //International Journal of Open Information Technologies. – 2013. – T. 1. – #. 3.

Sending VAPID identified WebPush Notifications via Mozilla’s Push Service [Jelektronnyj resurs]. – URL: https://blog.mozilla.org/services/2016/08/23/sending-vapid-identified-webpush-notifications-via-mozillas-push-service

Service Workers: an introduction [Jelektronnyj resurs]. – Rezhim dostupa: https://developers.google.com/web/fundamentals/primers/service-workers/

The Web Push Protocol [Jelektronnyj resurs]. – Rezhim dostupa: https://developers.google.com/web/fundamentals/push-notifications/web-push-protocol

About | Node.js [Jelektronnyj resurs]. – Rezhim dostupa: https://nodejs.org/en/about/

What is Node.js? [Jelektronnyj resurs]. – Rezhim dostupa: http://book.mixu.net/node/ch2.html

Roy, Fielding. Architectural Styles and the Design of Network-based Software Architectures / Fielding. Roy. : 2000

Push API [Jelektronnyj resurs]. – Rezhim dostupa: https://www.w3.org/TR/push-api/#dfn-web-push-protocol

web-push - npm [Jelektronnyj resurs]. – Rezhim dostupa: https://www.npmjs.com/package/web-push

Passport.js documentation [Jelektronnyj resurs]. – Rezhim dostupa: http://www.passportjs.org/docs/

UUID — Vikipedija [Jelektronnyj resurs]. – Rezhim dostupa: https://ru.wikipedia.org/wiki/UUID

Progressive Web App Checklist | Web | Google Developers [Jelektronnyj resurs]. – Rezhim dostupa: https://developers.google.com/web/progressive-web-apps/checklist

Lighthouse | Tools for Web Developers | Google Developers [Jelektronnyj resurs]. – Rezhim dostupa: https://developers.google.com/web/tools/lighthouse/

Vvedenie - DOM | MDN [Jelektronnyj resurs]. – Rezhim dostupa: https://developer.mozilla.org/ru/docs/DOM/DOM_Reference/Vvedenie

Chto takoe Virtual DOM? / Habr [Jelektronnyj resurs]. – Rezhim dostupa: https:// habr.com/post/256965/

Kratkoe rukovodstvo po React JS / Habr [Jelektronnyj resurs]. – Rezhim dostupa: https://habr.com/post/248799/

Introducing JSX - React [Jelektronnyj resurs]. – Rezhim dostupa: https://reactjs.org/ docs/introducing-jsx.html

State and Lifecycle - React [Jelektronnyj resurs]. – Rezhim dostupa: https://reactjs.org/ docs/state-and-lifecycle.html

Component Lifecycle - JS: React - Hexlet.io [Jelektronnyj resurs]. – Rezhim dostupa: https://ru.hexlet.io/courses/js-react/lessons/component-lifecycle/theory_unit


  • There are currently no refbacks.

Abava   MSU conference 2018

ISSN: 2307-8162