推送通知网络应用程序答案

【问题标题】：push Notification webApplication推送通知网络应用程序
【发布时间】：2018-01-20 14:14:47
【问题描述】：

我正在制作一个需要用户从服务器获取推送通知的网络应用程序。我正在考虑使用 webSockets 来做到这一点。我有一个基本的例子。服务器在 go lang 中。我只是想知道是否有更好的方法来实现推送通知？

<html>
<head></head>
<body>
    <script type="text/javascript">
        var sock = null;
        var wsuri = "ws://192.168.0.165:8080";

        window.onload = function() {

            console.log("onload");

            sock = new WebSocket(wsuri);

            sock.onopen = function() {
                console.log("connected to " + wsuri);
            }

            sock.onclose = function(e) {
                console.log("connection closed (" + e.code + ")");
            }

            sock.onmessage = function(e) {
                console.log("message received: " + e.data);
                document.getElementById("p1").innerHTML = e.data;
            }
        };

        function send() {
            var msg = document.getElementById('message').value;
            sock.send(msg);
        };
    </script>
    <h1>WebSocket Echo Test</h1>
    <form>
        <p>
            Message: <input id="message" type="text" value="Hello, world!">
        </p>

        <p id="p1">MSG!</p>
    </form>
    <button onclick="send();">Send Message</button>
</body>
</html>

【问题讨论】：

SSE 是一个选项 - 在这里查看答案stackoverflow.com/questions/5195452/…

标签： javascript html node.js websocket push-notification

【解决方案1】：

对于前端的推送通知，您可以使用 FIREBASE https://www.npmjs.com/package/firebase:

带有推送通知的站点示例 https://peter-gribanov.github.io/serviceworker/
Github 示例 https://github.com/firebase/quickstart-js
将 Firebase 添加到您的 JavaScript 项目文档 https://firebase.google.com/docs/web/setup
Firebase 教程 https://codelabs.developers.google.com/codelabs/firebase-web/

<script src="https://www.gstatic.com/firebasejs/4.2.0/firebase.js"></script>
<script>
  // Initialize Firebase
  // TODO: Replace with your project's customized code snippet
  var config = {
    apiKey: "<API_KEY>",
    authDomain: "<PROJECT_ID>.firebaseapp.com",
    databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
    storageBucket: "<BUCKET>.appspot.com",
    messagingSenderId: "<SENDER_ID>",
  };
  firebase.initializeApp(config);
</script>

【讨论】：