Giter Site home page Giter Site logo

yii2-websocket's Introduction

Yii2 WebSocket

即时通讯Demo

问题反馈

在使用中有任何问题,欢迎反馈给我,可以用以下联系方式跟我交流

QQ群:655084090

前提

服务器安装swoole

 git clone https://github.com/swoole/swoole-src.git
 cd swoole-src
 phpize
 ./configure --enable-openssl -with-php-config=[PATH] #注意[PATH]为你的php地址 开启ssl用
 make && make install

安装

composer执行

composer require "jianyan74/yii2-websocket"

或者在 composer.json 加入

"jianyan74/yii2-websocket": "^1.0"

配置

common/config/main.php 加入以下配置

   'redis' => [
       'class' => 'yii\redis\Connection',
       'hostname' => 'localhost',
       'port' => 6379,
       'database' => 0,
   ],

console/config/main.php 加入以下配置。(注意:配置在controllerMap里面)

// webSocket
'websocket' => [
   'class' => 'jianyan\websocket\console\WebSocketController',
   'server' => 'jianyan\websocket\server\WebSocketServer', // 可替换为自己的业务类继承该类即可
   'host' => '0.0.0.0',// 监听地址
   'port' => 9501,// 监听端口
   'type' => 'ws', // 默认为ws连接,可修改为wss
   'config' => [// 标准的swoole配置项都可以再此加入
       'daemonize' => false,// 守护进程执行
       'task_worker_num' => 4,//task进程的数量
       // 'ssl_cert_file' => '',
       // 'ssl_key_file' => '',
       'pid_file' => __DIR__ . '/../../backend/runtime/logs/server.pid',
       'log_file' => __DIR__ . '/../../backend/runtime/logs/swoole.log',
       'log_level' => 0,
   ],
],

使用

# 启动 
php ./yii websocket/start
# 停止 
php ./yii websocket/stop
# 重启 
php ./yii websocket/restart

测试

<script>
    var wsl = 'ws://[to/your/url]:9501'; // 如果是wss的改成wss://[to/your/url]:9501
    ws = new WebSocket(wsl);// 新建立一个连接
    // 如下指定事件处理
    ws.onopen = function () {
        var login_data = '{"type":"login","nickname":"隔壁老王","head_portrait":"123","room_id":10001}';
        ws.send(login_data);
    };
    // 接收消息
    ws.onmessage = function (evt) {
        console.log(evt.data);
        /*ws.close();*/
    };
    // 关闭
    ws.onclose = function (evt) {
        console.log('WebSocketClosed!');
    };
    // 报错
    ws.onerror = function (evt) {
        console.log('WebSocketError!');
    };
    
    // 聊天
    function say(msg){
        if(msg){
            var data = '{"type":"say","to_client_id":"all","content":'+ msg +'}';
            ws.send(data);
        }
    }
</script>

接口文档

发送消息的格式全部以json字符串发过来

心跳

请求地址

ws://[to/you/url]:9501

参数

参数名 说明
type pong

无返回

进入房间

请求地址

ws://[to/you/url]:9501

参数

参数名 说明
type login
room_id 房间id
user_id 用户id
nickname 用户昵称
head_portrait 用户头像

返回(1)

{
  "type":"login",
  "from_client_id":2,
  "to_client_id":"all",
  "time":"2018-04-10 16:41:29",
  "count":"1",
  "member":{
    "fd":2,
    "room_id":10001,
    "user_id":1,
    "nickname":"隔壁老王",
    "head_portrait":"123"
  }
}

返回(2)

当前登录的人还会返回一个在线列表

{
  "type":"list",
  "from_client_id":2,
  "to_client_id":2,
  "time":"2018-04-10 16:41:29",
  "list":[{
       "fd":2,
       "room_id":10001,
       "user_id":1,
       "nickname":"隔壁老王",
       "head_portrait":"123"
     }]
}

发言

请求地址

ws://[to/you/url]:9501

参数

参数名 说明
type say
to_client_id 对谁说话:默认 all
content 内容

返回

{
  "type":"say",
  "from_client_id":2,
  "to_client_id":"all",
  "time":"2018-04-10 16:43:00",
  "content":"123"
}

送礼物

请求地址

ws://[to/you/url]:9501

参数

参数名 说明
type gift
gift_id 礼物id

返回

{
	"type": "gift",
	"from_client_id": 4,
	"to_client_id": "all",
	"gift_id": "礼物id",
	"time": "2018-03-06 11:27:15"
}

离开房间

请求地址

ws://[to/you/url]:9501

参数

参数名 说明
type leave

返回

{
	"type": "leave",
	"from_client_id": 1,
	"to_client_id": "all",
	"count": 2,
	"time": "2018-03-06 11:27:15"
}

yii2-websocket's People

Contributors

jianyan74 avatar

Stargazers

zhoup avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.