imssein / pwa-fcm-test

๐Ÿ“ฑ PWA + FCM ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ ๋ ˆํŒŒ์ง€ํ† ๋ฆฌ

Home Page:https://pwa-fcm-test.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

PWA + FCM Test

FCM ํ† ํฐ ๋ฐœ๊ธ‰ ๊ด€๋ จ

  1. ์•ฑ ์•Œ๋ฆผ ํ—ˆ์šฉ -> FCM ํ† ํฐ ๋ฐœ๊ธ‰
    • ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ ํŽ˜์ด์ง€๋กœ ํ† ํฐ์€ ๊ณต๊ฐœ๋กœ ํ–ˆ์Šต๋‹ˆ๋‹ค!
  2. ์•ฑ ์•Œ๋ฆผ ์ฐจ๋‹จ -> FCM ํ† ํฐ ๋ฏธ๋ฐœ๊ธ‰

PWA ๊ด€๋ จ

  • PWA๋ฅผ ์ด์šฉํ•ด์„œ ์‹ค์ œ ๋„ค์ดํ‹ฐ๋ธŒ ์•ฑ์ฒ˜๋Ÿผ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค!
  1. ํ™ˆ ํ™”๋ฉด ์ถ”๊ฐ€ํ•˜๊ธฐ
  2. ์•ฑ ์•Œ๋ฆผ ํ—ˆ์šฉ ํ•  ๊ฒฝ์šฐ ์‹ค์ œ ์•ฑ์ฒ˜๋Ÿผ ํ‘ธ์‹œ ์•Œ๋ฆผ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์•Œ๋ฆผ ํŒ์—… ์ฐฝ์ด ์•ˆ๋œจ๋Š” ๊ฒฝ์šฐ

  • ์›น ๋ธŒ๋ผ์šฐ์ €์—์„œ Notification API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์‚ฌ์šฉ์ž์—๊ฒŒ ์•Œ๋ฆผ ๊ถŒํ•œ์„ ์š”์ฒญํ•  ๋•Œ, ์‚ฌ์šฉ์ž๊ฐ€ ํ•œ ๋ฒˆ '๊ฑฐ๋ถ€(Denied)'๋ฅผ ์„ ํƒํ•˜๋ฉด, ๊ทธ ์ดํ›„๋กœ๋Š” ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ž์ฒด์—์„œ๋Š” ์ž๋™์œผ๋กœ ๊ถŒํ•œ ์š”์ฒญ ์ฐฝ์„ ๋‹ค์‹œ ๋„์šธ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
    • ์‹ค์ œ ์ €ํฌ ํ”„๋กœ์ ํŠธ์—์„œ๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์–ด๋–ค ๋ฐฉ๋ฒ•์œผ๋กœ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š”์ง€์— ๋Œ€ํ•ด ๋ฌธ๊ตฌ๋ฅผ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค.

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

  • ์›น ์‚ฌ์ดํŠธ: ์‚ฌ์ดํŠธ ์„ค์ • -> ๊ถŒํ•œ ์žฌ์„ค์ •
  • ๋ชจ๋ฐ”์ผ: ์„ค์ • -> ์•Œ๋ฆผ -> HandsUp -> ์•Œ๋ฆผ ํ—ˆ์šฉ

RPReplay_Final1710566797

About

๐Ÿ“ฑ PWA + FCM ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ ๋ ˆํŒŒ์ง€ํ† ๋ฆฌ

https://pwa-fcm-test.vercel.app


Languages

Language:TypeScript 85.5%Language:JavaScript 12.3%Language:CSS 2.2%