zoukankan      html  css  js  c++  java
  • 18. socket io

    类似dataservice

    我们socket io 和后端交互

    我们也可以做成专门的service

    我们先引入

    为什么不是cdn呢?

    因为client就是从我们的server端拿到的socket.io.js这个文件

    当然现在我们还拿不到

    因为我们server还没装socker.io这个包

    一旦装了

    client就可以拿到了

    我们去server装

    我们回到client端(前端)

    我们通过socket。io来协作的

    这个协作给我前端提供其他用户的光标的位置 输入的操作,同时你自己也需要实时的发送你的光标位置和输入信息

    所以,我们做成service,大家都可以调用

     去provide注册(只有注册了才能被其他component用@inject使用)

     

    同样socket.io第三方包想使用也要declare

     

    建立连接发送信息 123

    接收信息 并打印

    socket.io 是双向连接 否则post get请求就能完成来了

     我们写个这个为了验证是否工作

     我们去验证一下、

    使用一下这个service

     注入 并调用方法

    我们去写一下server端

    我们server端的service只有一个是请求mongodb拿数据的

    我们加个新的service

    第四行 一般传入message都会传入特定的参数来表明你要加入哪个聊天室,这样,handshake接收到参数就知道你要加入哪里。

    第五行,io.to()是将收到的信息返回去,socket.id是唯一指定对象的标识,每个人链接socket server的id是不同的,如果不写的话就是广播。

    用id就可以唯一指定client端的instance,就可以明确请求信息。l

    service写好了

    我们就要去server端初始化io了

    server打印的log信息中可以看到 我们cilent端发送的message ‘123’

    成功

     原理就是这样

    下面我用这个来实现editor之间的同步

  • 相关阅读:
    ffmpeg开发系列--av_read_frame()
    2013~2014
    javascript
    javascript
    javascript目录
    最长连续和与最大子矩阵
    成功者具备的十五种能力
    视频综合管理平台EasyNVS在实现代理时调用EasyDSS接口如何携带token?
    在线课堂Web无插件直播点播系统EasyDSS如何接入第三方视频管理平台EasyNVS?
    TSINGSEE青犀视频开发的EasyNTS上云网关网络穿透/远程运维在系统维护中的应用
  • 原文地址:https://www.cnblogs.com/PoeticalJustice/p/9363432.html
Copyright © 2011-2022 走看看