Nodejs和一個簡單的web頁面訊息推送服務

阿新 • • 發佈：2019-01-31

前言：

英語能力有限，所以不能叫做純翻譯，大概比例是70%翻譯，20%理解，10%自由發揮

原文：

http://www.gianlucaguarini.com/blog/nodejs-and-a-simple-push-notification-server/

簡述：

用socket.io建立服務端和客戶端的雙向連線，當服務端的xml檔案發生變化時，向客戶端推送xml內容

------------- start -----------------------

在本文中我將向你展示如何使用nodejs和socket.io建立一個push（推送）服務。通常如果我們想更新web應用的一些內容，我們採用javascript論詢(timer)或者簡單地使用AJAX請求web服務以此來實現更新頁面內容。這對於小使用者量的應用來說是個不錯的解決方案，但是使用這種方法當大量使用者同一時間在你的頁面會怎麼樣？

你應該知道，AJAX請求=客戶端請求頭（header）+服務端響應頭（response header）+資料(data)。（更多關於此的資訊請見這篇文章websocket performance（websocket效能））。所以如果你的web應用有大量使用者使用大量AJAX請求來下載更新內容，甚至可能包含一些不需要更新的無用AJAX請求，你的伺服器會被迫支援大量不必要的輪詢。解決這個大問題你可能有兩個解決方案：

1、你是google，所以你有大量的伺服器群允許你做任何無用功、允許你揮霍、浪費

2、你瀟灑地使用跨瀏覽器解決方案構建一個簡潔的推送訊息服務。

下面我將向你展示如何構建一個簡潔的訊息推送服務，先從程式碼開始。首先你需要在你的伺服器上

安裝nodejs。然後對於這個例項我們需要引用socket.io和xml2js兩個nodejs模組到我們的專案中。你可以通過命令列使用"npm（node包管理node package manager）"安裝任意的nodejs模組，像這樣：

$ npm install socket.io
$ npm install xml2json

下面新建一個server.js檔案，它包含所有將執行在伺服器上的nodejs程式碼。

var app = require('http').createServer(handler),
  io = require('socket.io').listen(app),
  parser = new require('xml2json'),
  fs = require('fs');

// 建立一個服務，埠號是8000 ( localhost:8000 )
app.listen(8000);

console.log('server listening on localhost:8000');

// 載入 client.html 頁面
function handler(req, res) {
  fs.readFile(__dirname + '/client.html', function(err, data) {
    if (err) {
      console.log(err);
      res.writeHead(500);
      return res.end('Error loading client.html');
    }
    res.writeHead(200);
    res.end(data);
  });
}

// creating a new websocket to keep the content updated without any AJAX request
io.sockets.on('connection', function(socket) {
  console.log(__dirname);
  // watching the xml file
  fs.watchFile(__dirname + '/example.xml', function(curr, prev) {
    // 如果xml檔案發生了改變，讀取xml檔案
    fs.readFile(__dirname + '/example.xml', function(err, data) {
      if (err) throw err;
      // xml轉換為json
      var json = parser.toJson(data);
      // 傳送新的資料到客戶端
      socket.volatile.emit('notification', json);
    });
  });

});

建立一個簡單的example.xml檔案。

<span style="font-size:18px;"><?xml version="1.0" encoding="ISO-8859-1"?>
<test>
    <sample>Hello world!</sample>
</test></span>

最後你可以自由地建立你的前端頁面client.html，當example.xml發生變化時會你的資料將會被推送。

<html>
    <head>
    <!--
     * Author:      Gianluca Guarini
     * Contact:     [email protected]
     * Website:     http://www.gianlucaguarini.com/
     * Twitter:     @gianlucaguarini
    -->
        <title>Push notification server</title>
    </head>
    <body>
        <time></time>
        <div id="container">Try to change your xml data to update this content</div>
    <script src="socket.io/socket.io.js"></script>
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script>
    // creating a new websocket
    var socket = io.connect('http://localhost:8000');
    // on every message recived we print the new datas inside the #container div
    socket.on('notification', function (data) {
        // convert the json string into a valid javascript object
        var _data = JSON.parse(data);

        $('#container').html(_data.test.sample);
        $('time').html('Last Update:' + new Date());
    });
    </script>
    </body>
</html>

【此處作者還提供了個視訊，需要翻牆看，在youtube】

正是因為有socket.io才有了這個簡單又跨平臺的解決方案，我們在html頁面和伺服器間建立了一個雙向連線，只有xml發生改變時才會推送新的資料，可以利用的技術包括新的websocket api甚至是回退到flash技術(更多socket.io去這裡)

下載教程

如果你喜歡這篇文章，你可以讀我的新文章——如何讓你的Nodejs推送訊息服務連線mysql資料庫。

---------------- end --------------------

其實我要找的是app的安卓推送，跑偏了==！

Nodejs和一個簡單的web頁面訊息推送服務

Nodejs和一個簡單的web頁面訊息推送服務

手把手教你設計一個百萬級的訊息推送系統

技術乾貨：從零開始，教你設計一個百萬級的訊息推送系統

NodeJs 實現IOS APNS 訊息推送服務

設計一個百萬級的訊息推送系統

設計一個百萬級的訊息推送系統 | 併發程式設計網

使用EventSource實現頁面訊息推送與 websocket 的區別

簡單的頁面實時推送功能

使用websocket進行訊息推送服務

華為訊息推送服務(HMS Agent套件)一

開發訊息推送服務，基於Netty protobuf--fpush（含github原始碼）

Amazon SNS產品詳情_SNS訊息推送服務

Amazon SNS價格_SNS訊息推送服務

H5+個推實現訊息推送服務

搭建websocket訊息推送服務，必須要考慮的幾個問題

nodeJS搭一個簡單的(代理)web伺服器

基於nodejs做一個簡單的http/web伺服器

用html和css製作一個簡單的頁面

nodejs+socketio+redis 簡單訊息推送例項（一）

spring boot 整合activemq 進行服務端訊息推送（web頁面）

Nodejs和一個簡單的web頁面訊息推送服務

相關推薦