<!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. struts2---自定义类型转换器

    从servlet我们知道从页面获取到的参数都是string类型,但是struts2中基本的数据类型,它可以自动帮我们转化为其对应的包装类,就像获取到123,可以自动转化为Integer,但是比如201 ...

  2. apollo实现c#与android消息推送(三)

    3 实现c#消息推送服务 c#实现消息推送必须引入M2Mqtt.dll,源码 a 连接apache apollo代理服务器的代码.需要引入using uPLibrary.Networking.M2Mq ...

  3. S2_OOP第二章

    第一章 继承 语法 修饰符 子类 extends 父类{ //类定义不封 } 使用extends继承父类的属性和方法.使用super关键字调用父类的方法. 概念 继承是面向对象的三大特特之一,Java ...

  4. 集 降噪 美颜 虚化 增强 为一体的极速图像润色算法 附Demo程序

    在2015年8月份的时候,决心学习图像算法. 几乎把当时市面上的图像算法相关书籍都看了一遍, 资金有限,采取淘宝买二手书,长期驻留深圳图书馆的做法, 进度总是很慢,学习算法不得其法. 虽然把手上所有书 ...

  5. 在CentOS6上编译安装实现LAMP（php-modules）+phpMyAdmin安装过程全记录

    php与apache协作有三种模式:CGI.modules.FastCGI. 在CGI模式下,用户请求php文件时,apache会启动响应进程,调用php处理器处理请求,然后将结果返回给客户端.用户响 ...

  6. 理解js中的运算符优先级

    前言 我是有过这样的经历,获取年月日时写出这样的代码: new Date().getFullYear() 此时的我是心虚的,因为我不知道是先执行.运算还是new运算,于是赶紧贴到控制台里,哎呦

  7. css系列教程1-选择器全解

    全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css系列教程1-选择器全解 css系列教程2-样式操作全解 css选择器全解: css选择器包括:基本选择器.属性选择器.伪类选择器.伪元 ...

  8. Java集合源码分析（一）ArrayList

    前言 在前面的学习集合中只是介绍了集合的相关用法,我们想要更深入的去了解集合那就要通过我们去分析它的源码来了解它.希望对集合有一个更进一步的理解! 既然是看源码那我们要怎么看一个类的源码呢?这里我推荐 ...

  9. 反射型 DDoS 攻击的原理和防范措施

    随着僵尸网络的兴起,同时由于攻击方法简单.影响较大.难以追查等特点,分布式拒绝服务攻击(DDoS,Distributed Denial of Service)得到快速壮大和日益泛滥. 成千上万主机组成 ...

  10. android 统计启动时长，标准

    一.启动的类型 冷启 动,application没有被创建,需要先创建进程,然后启动MainActivity.由于这个过程需要fork一个新进程,所以耗时. 热启动,同上面对照,已经启动过applic ...