Created
April 26, 2021 16:00
-
-
Save kenng/9564900c738f396fe5a32bb76c2dac85 to your computer and use it in GitHub Desktop.
web push 04
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <title>Firebase Messaging Demo</title> | |
| <style> | |
| div { | |
| margin-bottom: 15px; | |
| } | |
| </style> | |
| <body> | |
| <div id="token"></div> | |
| <div id="msg"></div> | |
| <div id="notis"></div> | |
| <div id="err"></div> | |
| <script src="https://www.gstatic.com/firebasejs/7.16.1/firebase-app.js"></script> | |
| <script src="https://www.gstatic.com/firebasejs/7.16.1/firebase-messaging.js"></script> | |
| <script> | |
| MsgElem = document.getElementById("msg"); | |
| TokenElem = document.getElementById("token"); | |
| NotisElem = document.getElementById("notis"); | |
| ErrElem = document.getElementById("err"); | |
| // Initialize Firebase | |
| // TODO: Replace with your project's customized code snippet | |
| var config = { | |
| 'messagingSenderId': 'YOUR-SENDER-ID', | |
| 'apiKey': 'YOUR_API_KEY', | |
| 'projectId': 'YOUR_PROJECT_ID', | |
| 'appId': 'YOUR_APP_ID', | |
| }; | |
| firebase.initializeApp(config); | |
| const messaging = firebase.messaging(); | |
| messaging | |
| .requestPermission() | |
| .then(function () { | |
| MsgElem.innerHTML = "Notification permission granted." | |
| console.log("Notification permission granted."); | |
| // get the token in the form of promise | |
| return messaging.getToken() | |
| }) | |
| .then(function(token) { | |
| TokenElem.innerHTML = "token is : " + token | |
| }) | |
| .catch(function (err) { | |
| ErrElem.innerHTML = ErrElem.innerHTML + "; " + err | |
| console.log("Unable to get permission to notify.", err); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment