search

luminous037 / OSS_project

7 stars 0 forks source link

Feature_alarmPage: 푸시 알림 구현 #64

Closed minseonju closed 2 months ago

minseonju commented 3 months ago

PWA(Progressive Web Application)을 활용하면 웹에서도 네이티브 앱처럼 푸시 알람을 받을 수 있습니다.

  1. PWA을 개발하기 위해서는 Service Worker 와 Webp App Manifest 를 알아야 합니다.

    • 서비스워커는 자바스크립트 파일로 브라우저가 백그라운드에서 실행시키는 스크립트입니다. 서비스워커를 통해 "푸시 알림"과 "오프라인에서 동작" 을 구현할 수 있습니다.
    • Manifest 는 JSON 파일로, 앱에 대한 옵션들을 명시할 수 있습니다. 앱의 이름, 아이콘, 색상값 등이 포함됩니다. Manifest 파일에 정의된 값들은 앱이 설치 되었을때 보여줄 앱의 아이콘이나 이름등을 나타내게 됩니다.

  2. web push 방식

    • 푸쉬 방식은 데이터를 요청할 필요가 없다. 서버가 클라이언트에게 데이터를 밀어 넣어주는(push) 방식으로 동작합니다.
GAUDUL commented 2 months ago

npm install node-cron

GAUDUL commented 2 months ago

구현 완료했습니다