<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>server-sent-event</title>

</head>

<body>

<div>

<p>server-sent-event 是一种服务器向客户端发送消息的单向通信方式，采用流信息传送数据，类似视频播放，一直保持和客户端的连接，不断地发送数据。</p>

<p>SSE 使用 HTTP 协议，现有的服务器软件都支持。WebSocket 是一个独立协议。</p>

<p>SSE 属于轻量级，使用简单；WebSocket 协议相对复杂。</p>

<p>SSE 默认支持断线重连，WebSocket 需要自己实现。</p>

<p>SSE 一般只用来传送文本，二进制数据需要编码后传送，WebSocket 默认支持传送二进制数据。</p>

<p>SSE 支持自定义发送的消息类型。</p>

<script>

    if('EventSource' in window){

        console.log("支持EventSource");

        var es = new EventSource("http://localhost:3009/stream");

        es.onopen = function(){

            console.log("连接成功");

        }

        es.onmessage = function(message){   //默认是message事件，

            console.log("接收到数据",message);

        }

        es.onerror = function(err){

            console.log("error",err);

        }

        es.addEventListener("connecttime",function(event){ //监听自定义事件

            console.log('监听自定义事件',event);

        },false);

    }

</script>

</div>

</body>

</html>

　　

基于node 的服务端代码

var http = require("http");

http.createServer(function(req,res){

    console.log(req.url);

    var filename = '.'+req.url;

    if(filename==='./stream'){

        res.writeHead(200,{

            "Content-Type":"text/event-stream",

            "Cache-Control":"no-cache",

            "Connection":"keep-alive",

            "Access-Control-Allow-Origin": '*',

        });

        res.write("retry: 10000\n");

        res.write("event: connecttime\n");

        res.write("data: "  + "来自自定义事件的数据\n\n");

        res.write("data: "  + "自定义事件\n\n");

        interval = setInterval(function () {  //event 字段未设置的，默认为message事件

          res.write("data: " + (new Date()) + "\n\n");

        }, 1000);

        req.connection.addListener("close", function () {

          clearInterval(interval);

        }, false);

    }

}).listen(3009,"127.0.0.1");

console.log("server start at port 3009");

　　

server-sent-event使用流信息向客户端发送数据的更多相关文章

  1. SSH服务器与Android通信(3)--Android客户端发送数据

    Android客户端向SSH服务器发送数据主要有三种情况:通过客户端删除数据.添加数据和修改数据. 1.删除数据 先看看jsp文件里面是怎样删除数据的: <td align="cent ...

  2. C#模拟客户端发送数据示例

      在给一些客户端做服务器端支持时,发现他们提交上来的数据大都不是http请求格式,因而使用Request.Form获取不到内容,今天用C#做下模拟,并演示下数据接收. 1.发送文本 1).客户端发送 ...

  3. android socket 通讯（客户端) 发送数据

    /** ClientSocket通讯类 **/  public class ClientSocket  {     /**服务器地址*/     private String serverUrl=&q ...

  4. TCP实现多个客户端发送数据给服务器端

    SocketThread给服务端用的线程类: public class SocketThread extends Thread{ private Socket socket; public Socke ...

  5. python使用socket向客户端发送数据的方法

    在使用locust测试长连接的时候,所有的请求全部faillure了,所以想到手动写一个连接脚本测试一下是否能连通 因为centos7自带python2.7所以用python写一个比较方便. #!/u ...

  6. node中一个基本的HTTP客户端向本地的HTTP服务器发送数据

    上一篇讲到了node可以轻松的向其他请求数据. 这一篇就来讲讲向本地服务器的数据交互. HTTP服务器代码,s.js var http=require("http"); var s ...

  7. .NET客户端下载SQL Server数据库中文件流保存的大电子文件方法（不会报内存溢出异常）

    .NET客户端下载SQL Server数据库中文件流保存的大电子文件方法(不会报内存溢出异常) 前段时间项目使用一次性读去SQL Server中保存的电子文件的文件流然后返回给客户端保存下载电子文件, ...

  8. java在线聊天项目0.5版 解决客户端向服务器端发送信息时只能发送一次问题 OutputStreamWriter DataOutputStream socket.getOutputStream()

    没有解决问题之前客户端代码: package com.swift; import java.awt.BorderLayout; import java.awt.Color; import java.a ...

  9. Tomcat下conf下server.xml的文件配置信息

    Tomcat下conf下server.xml的文件配置信息,基本上不用做任何修改就可以使用,修改的地方就是host区域的一些配置,此文件设置端口为80. 注意:Tomcat配置文件中(即server. ...

随机推荐

  1. LINUX通过PXE自动部署系统

    原理介绍 TFTP(Trivial File Transfer Protocol,简单文件传输协议)是TCP/IP 协议族中的一个用来在客户机与服务器之间进行简单文件传输的协议,提供不复杂.开销不大的 ...

  2. Hadoop安全（1）——————美团Hadoop安全实践

    http://tech.meituan.com/hadoop-security-practice.html 前言 在2014年初,我们将线上使用的 Hadoop 1.0 集群切换到 Hadoop 2. ...

  3. GCD XOR uvalive6657

    GCD XORGiven an integer N, nd how many pairs (A; B) are there such that: gcd(A; B) = A xor B where1 ...

  4. http://codeforces.com/contest/838/problem/A

    A. Binary Blocks time limit per test 2 seconds memory limit per test 256 megabytes input standard in ...

  5. 使用DapperSimpleCRUD对Repository层进行封装

    通过前面的两篇文章使用Dapper操作Mysql数据库与使用Dapper进行参数化查询,大致介绍了Dapper的一些基本操作和简单使用,在实际的使用当中,我们可以把项目简单的分为MVC+Service ...

  6. Nunit测试工具使用实例

    前言: 本文主要是介绍了Nunit的基本使用,其中参详了很多已有的文章,由于最近要使用其进行测试,所以对网上的文章做了下整理,同时加入了一些自己的实践. NUnit的属性 TestFixture 它标 ...

  7. wxPython中基本控件学习

    wxPython工具包提供了多种不同的窗口部件,包括了本章所提到的基本控件.我们涉及静态文本.可编辑的文本.按钮.微调.滑块.复选框.单选按钮.选择器.列表框.组合框和标尺.对于每种窗口部件,我们将提 ...

  8. php中数组相关

    <?php//参数默认值function abc($a,$b,$c = 0){ echo $a,$b,$c;}abc(1,3);结果为:130:echo "<br>&quo ...

  9. 谈谈我对php通信的理解及人生小感

    故事背景: 小王和小甜是亲密无间的好朋友. 小王到自己QQ群里看到一个免单活动, 自己支付宝余额不足, 遂用小甜的手机淘宝先花150元购买了活动产品. 到货后商家告诉小王, 确认收货后提供旺旺账号.支 ...

  10. 【转】open参数O_DIRECT的学习

    open参数O_DIRECT的学习 使用 O_DIRECT 需要注意的地方 posix_memalign详细解释 free:这里好几个方法我都没测试成功,最后还是用posix_memalign 对齐的 ...