实时通信!WebSocket

为实现两个页面实时更新投票数据,本文介绍了使用WebSocket代替计时器加Ajax的方法,以提高性能。首先,讲解了WebSocket是Swoole服务之一,接着概述了启用WebSocket的三个步骤:下载Swoole、启动WebSocket服务及前端接收处理返回数据。注意,本文旨在阐述原理,不提供具体代码。
摘要由CSDN通过智能技术生成

很久以前是学过,今天公司要求一个功能,两个页面实时更新其他人的投票数据。计时器加ajax可以实现但是太LOW且性能实在是低,于是我们用了webscoket;

WebSocket是SWOOL中的其中一个服务,想用得先安装swool.

这只是一个大体的步骤demo,具体代码不方便贴,所以不要抄,要了解原理。

1.下载

pecl install swoole

2.开启websocket

<?php

$server = new swoole_websocket_server("127.0.0.1", 9502);

$server->on('open', function($server, $req) {
    echo "connection open: {$req->fd}\n";
});

$server->on('message', function($server, $frame) {
    echo "received message: {$frame->data}\n";
    $server->push($frame->fd, json_encode(["hello", "world"]));
});

$server->on('close', function($server, $fd) {
    echo "connection close: {$fd}\n";
});

$server->start();

3.前端接收处理返回


var init = {
    initWebsocket:function () {
        //判断当前浏览器是否支持WebSocket
       
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值