2017-08-12 10 views
0

私は、ユーザーがサーバーからプッシュ通知を受け取るように要求するWebアプリケーションを作成しています。私はそれを行うためにWebSocketsを使用することを考えています。基本的な例があります。サーバーが動作しています。プッシュ通知を実装するためのより良い方法があるかどうかは疑問でした。push通知webApplication

あなたがFIREBASE https://www.npmjs.com/package/firebaseを使用することができますフロントエンドのプッシュ通知のために
<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> 
+0

SSEはオプションです - ここhttps://stackoverflow.com/questions/5195452/websockets答えを見ます-vs-server-sent-events-eventsource –

答えて

0

<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>

関連する問題