์์ฃผ์์ฃผ ๊ธธ๊ณ ๊ธธ์๋ ์ํคํ
์ฒ ์ค๊ณ...
์ด๋ค ๊ฒ์ ๊ฐ๋ฐํ ์ง, ๊ตฌ๊ธ๋ง์ด๋ ์ฑ
๋ฑ์ ์๋ฃ๋ฅผ ์ดํด๋ณด๊ณ ๊ตฌํํ๋ ๋ถ๋ถ๋ง ๊ณ ๋ คํด์๊ธฐ ๋๋ฌธ์ ์ด๋ฐ ์ค๊ณ ์์ฒด๊ฐ ์ ๋ง ์ฒ์์ด์๋ค.
๊ทธ๋์ ์ํคํ
์ฒ๋ฅผ ์ค๊ณํ๋ ๋ฐฉ๋ฒ๋ถํฐ ๊ณต๋ถํ๋๋ผ ๋ค๋ฅธ ํ์๋ค๋ณด๋ค ์กฐ๊ธ ๋ฆ๊ฒ ์์ํ๊ณ , ์ค๋๊ฑธ๋ฆฐ ๊ฒ ๊ฐ์ง๋ง!
์ด๋ฐ ๊ณผ์ ์ ์ธ์ ๊ฐ๋ฅผ ๊ฑฐ์ณ์ผ ํ๊ณ , ์ง๊ธ ํ ์ ์์ด์ ์คํ๋ ค ์ข์ ๋ง์ธ๋๋ก ํด๋ณด๊ธฐ๋ก ํ๋ค.
์ํคํ ์ฒ ์ค๊ณ ์ด์
ํ์๋ค๊ณผ ๊ณต์ ํ๊ธฐ ์ํ ์ง์ง "์ค๊ณ" ์์!
๊ธฐ๋ณธ์ ์ผ๋ก ๊ณต๋ถํ ๋ด์ฉ์ ๋ฐํ์ผ๋ก, ์ํคํ
์ฒ ์ค๊ณ๋ฅผ ์งํํ๋ค.
1์ 9์ผ ํ์ ์ด์ ๊น์ง ์์ฑํ๋ ์๋ฃ๋ ์๋์ ์์ฑํ๋ค.
์ํคํ
์ฒ ์ค๊ณ v1
์์ฑํ ๋ด์ฉ์ผ๋ก, 1์ฐจ์ ์ธ ํผ๋๋ฐฑ์ ๋ฐ์ ๋ค์ ๋๊ธธ ์๋ฃ๋ฅผ ๋ง๋ค์๋ค.
๋ฐฑ์๋ ๊ตฌ์กฐ, ๊ตฌ์ฒด์ ์ธ ์ฒ๋ฆฌ ๊ณผ์ , ํน์ ๊ธฐ์ ์ฌ์ฉ ์ด์ ๋ฑ๋ฑ(์ถ๊ฐ๋ ์์ )
์ธ์ฆ / ์ธ๊ฐ ์๋ฒ
๋๋
์๋ฆผ ์๋ฒ
๋ฐฑ์๋ ๊ตฌ์กฐ
- ์ถ์ฒ : https://geundung.dev/114
์ฐธ๊ณ ) ์ค๋ช
1) ๋ธ๋ผ์ฐ์ ์์ ํธ์ ์๋น์ค ๊ตฌ๋ + VAPID ๊ณต๊ฐ ํค ์ ๋ฌ
2) ๊ตฌ๋ ์ ๋ณด ์์
3) ๊ตฌ๋ ์ ๋ณด ์๋ฒ๋ก ์ ๋ฌ
4) ๊ตฌ๋ ์ ๋ณด + ๋ฉ์์ง + VAPID ๋น๊ณต๊ฐํค๋ก ์ํธํ๋ JWT
5) VAPID ๊ณต๊ฐ ํค๋ก ์ ํจ์ฑ ๊ฒ์ฆ & ๊ฒ์ฆ๋ ๊ฒฝ์ฐ ๊ตฌ๋ ์ ๋ณด์ ํด๋นํ๋ ๋ธ๋ผ์ฐ์ ๋ก ํธ์ ๋ฉ์์ง ๋ฐ์ก
*4,5๋ฒ ๊ณผ์ : ๋ฐ์ดํฐ ์์กฐ, ํค ๋ถ์ผ์น โ ํธ์ ๋ฉ์์ง๋ ์ ํจํ์ง ์์ ์ํ๊ฐ ๋์ด ๋ธ๋ผ์ฐ์ ๊น์ง ๋๋ฌํ์ง ๋ชปํ๊ณ ์๋น์ค์์ ํ๊ธฐ๋จ.
๊ตฌ๊ธ์ FCM ํ๋ก์ ํธ๋ฅผ ์ด์ฉํ PWA ํธ์ ์๋ฆผ ๋ฐฉ์ ์ฌ์ฉ
์ค๋ช
a. Push Manager ๊ตฌ๋ : ์ ์ ๊ฐ ํธ์ ๋งค๋์ ๋ฅผ ๊ตฌ๋ ํ๋๋ก ํจ.
b. PushSubscription์ ์๋ฒ์ ์ ์ฅ : 1๋ฒ๋จ๊ณ์์ ์ป์ pushsubscription์ ์ ์ฅํจ.
c. Push Message ์ ์ก : ๋ผ์ด๋ธ ๊ด๋ จ ์๋ฆผ์ ์ ์กํจ.
d. Push Event ํธ๋ฆฌ๊ฑฐ : ํธ์ ์๋น์ค๋ก Push Message๊ฐ ์ ๋ฌ๋๋ฉด, ์๋น์ค ์์ปค์ย Push Event๊ฐ ํธ๋ฆฌ๊ฑฐ๋จ.
e. ์๋ฆผ์ ๋ณด์ฌ์ค : ์์ ๋ชจ๋ ๋จ๊ณ๋ฅผ ๊ฑฐ์ณ์ ์ต์ข ์ ์ผ๋ก๋ ์ ์ ์๊ฒ ํธ์ ์๋ฆผ์ด ๋ณด์ฌ์ง๊ฒ ๋จ.
์๋ฆผ ์๋ฒ ๊ฐ๋ฐ ์์, URI๋ฅผ ๋ฐ๋์ ์ฌ์ ์ ์ค๊ณํ๊ณ ํด์ผํ ์ง ๊ถ๊ธํฉ๋๋ค.
์ฌ์ค ๊ธฐ๋ณธ์ ์ธ URI์ notificatain/{id} ์ ๋๋ก๋ง ๊ตฌ๋ถํด๋ ๋ ๊ฒ์ด๋ผ๋ ์๊ฐ์ด ๋ค์ด์ ๊ณ ๋ฏผ์ ๋๋ค.
โ URI ์์
ShMarket/README.md at dev ยท Kim-SiHwan/ShMarket
์ง๊ธ์ ์๋ฆผ ์๋ฒ๊ฐ ์ ์ ๋ ๊ณ ๋ฏผ๋๊ธฐ ์์ํ๋ค.....
๊ฐ๋จํ๊ฒ ์น ํธ์ ์๋ฆผ์ผ๋ก ์๊ฐํ๋๋ฐ??
๋ ์๊ฐ์ ํด๋ณด๋, ์ฐ๋ฆฌ๊ฐ ๊ฐ๋ฐํ ์นํ์ด์ง ๋ด์์ ์๋ฆผ์ด ์์ด๊ณ , ๊ทธ๊ฑธ ์กฐํํ๊ณ ๋ณผ ์ ์๋๋ก ํด์ผํ๋๊ฑฐ ์๋๊ฐ? ์ด๋ฐ ์๊ฐ์ด ๋ ๋ค.
์ด์งธ์ผํ ๊น....?
์ง๊ธ ๋ด ์๊ฐ : SSE, WebSocket, FCM(์น ํธ์) ์ ๋.....? ๋์ ํ ๋ชจ๋ฅด๊ฒ ๋ค...
๊ฐ๋จํ ๋ฆฌ๋ทฐ!(๊ณ๋์ ์บ ํ์ฅ๋ ver)