zoukankan      html  css  js  c++  java
  • WebSocket跨域问题解决

      WebSocket protocol是HTML5一种新的协议。它实现了浏览器与服务器全双工通信,同时允许跨域通讯,是server push技术的一种很好的实现。我们使用Socket.io,它很好地封装了webSocket接口,提供了更简单、灵活的接口,也对不支持webSocket的浏览器提供了向下兼容。

       项目中遇到javascript跨域问题,父页面和子页面要通信,并且父子页面跨域,怎么办?

      项目中要保证父子页面通信是点对点,需要在服务端建立对父子页面WebSocket的对应关系,即父页面发的消息只被子页面收到,子页面的消息也只被父页面收到我们做了以下工作,严格保证了

    WebSocket通信是点对点:

       一是建立WebSocket链接的URL加上时间戳保证通信会话是唯一的;

           二是在服务端保证父子页面WebSocket一一对应关系。父子页面的WebSocket在Open时都会向服务端发出消息进行注册,建立Senssion之间的对应关系。然后父子页面就可通过双方约束的通信协议进行通信了。

    这里我们写个demo:

    var p = document.getElementsByTagName(‘p’)[0];

    var io = io.connect(‘http://127.0.0.1:3001’);

    io.on(‘data’,function(data){

    alert(‘2S后改变数据’);

    p.innerHTML = data

    });

    服务器端

    var io = require(‘socket.io’)(server);

    io.on(‘connection’,function(client){

    client.emit(‘data’,’hello WebSocket from 3001.’);

    });

      今天就说到这里,希望对大家有所帮助,同时大家如果不想太花时间去做WebSocket这块,可以尝试使用三方WebSocket,类似GoEasy 极光之类的。

    这里推荐GoEasy,简单易用 www.goeasy.io 还是免费的,可以尝试一下。

  • 相关阅读:
    推荐一个采用方便程序员在线动画学习常用算法的良心网站
    你的ABAP程序给佛祖开过光么?来试试Jerry这个小技巧
    我在德国做SAP CRM One Order redesign工作的心得
    我做SAP CRM One Order redesign的一些心得体会
    一个最简单的WebSocket hello world demo
    推荐一个好用的以多tab标签方式打开windows CMD的工具
    SAP CX Upscale Commerce : SAP全新推出的电商云平台
    TCP socket和web socket的区别
    SAP 前端技术的演化史简介
    Fiori Fundamentals和SAP UI5 Web Components
  • 原文地址:https://www.cnblogs.com/goeasycloud/p/9389360.html
Copyright © 2011-2022 走看看