前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >玩了一下websocket 原

玩了一下websocket 原

作者头像
domain0
发布2018-08-02 11:16:09
2080
发布2018-08-02 11:16:09
举报
文章被收录于专栏:运维一切

nginx配置

代码语言:javascript
复制
        location /wsapp/ {
            proxy_pass http://0.0.0.0:9501;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "Upgrade";
        }

后端代码

代码语言:javascript
复制
<?php
$server = new swoole_websocket_server("0.0.0.0", 9501);

$server->on('open', function (swoole_websocket_server $server, $request) {
        echo "server: handshake success with fd{$request->fd}\n";
        });

$server->on('message', function (swoole_websocket_server $server, $frame) {
        echo "receive from {$frame->fd}:{$frame->data},opcode:{$frame->opcode},fin:{$frame->finish}\n";
        $server->push($frame->fd, "this is server");
        });

$server->on('close', function ($ser, $fd) {
        echo "client {$fd} closed\n";
        });

$server->start();

前端代码

代码语言:javascript
复制
    <script>
      var socket = new WebSocket('ws://myblog.com/wsapp/'); 
        // 打开Socket 
        socket.onopen = function(event) { 

      // 发送一个初始化消息
      socket.send('I am the client and I\'m listening!'); 

      // 监听消息
      socket.onmessage = function(event) { 
        console.log('Client received a message',event); 
      }; 

      // 监听Socket的关闭
      socket.onclose = function(event) { 
        console.log('Client notified socket has closed',event); 
      }; 

      // 关闭Socket.... 
      //socket.close() 
        };
    </script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016/12/03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档