Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
24 lines (12 sloc) 1.56 KB

Walkthrough

Open the app

Open the app at https://fine-ping.glitch.me/.

Open DevTools

Right-click inspect element and select the Debugger tab. Then click command + P to search for and open two files:

  • client.js,
  • and firebase-messaging-sw.js.

You'll likely need to open the Application tab in DevTools and navigate to the Service Workers side tab. Then click the link for firebase-messaging-sw.js to inspect it in the Sources tab.

client.js

firebase-messaging-sw.js

Video

{% embed data="{"url":"https://youtu.be/QaTNDARGH0E\",\"type\":\"video\",\"title\":\"Walkthrough: Cloud Messaging","description":"Full-Stack Firebase:\n\nhttps://www.fullstackfirebase.com/cloud-messaging/walkthrough","icon":{"type":"icon","url":"https://www.youtube.com/yts/img/favicon\_144-vfliLAfaB.png\",\"width\":144,\"height\":144,\"aspectRatio\":1},\"thumbnail\":{\"type\":\"thumbnail\",\"url\":\"https://i.ytimg.com/vi/QaTNDARGH0E/maxresdefault.jpg\",\"width\":1280,\"height\":720,\"aspectRatio\":0.5625},\"embed\":{\"type\":\"player\",\"url\":\"https://www.youtube.com/embed/QaTNDARGH0E?rel=0&showinfo=0\",\"html\":\"<div style=\"left: 0; width: 100%; height: 0; position: relative; padding-bottom: 56.2493%;\"><iframe src=\"https://www.youtube.com/embed/QaTNDARGH0E?rel=0&amp;showinfo=0\\\" style=\"border: 0; top: 0; left: 0; width: 100%; height: 100%; position: absolute;\" allowfullscreen scrolling=\"no\"></iframe>","aspectRatio":1.7778}}" %}