Web Socket Chat

Online chat based on web sockets and ratchet php

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist joni-jones/yii2-wschat "*"

or add

"joni-jones/yii2-wschat": "*"

to the require section of your composer.json file.

Usage

1. The chat extension can use any database storage supported by yii.

   If mongodb extension specified the chat will be try to use it as message history storage, otherwise extension will be use specified in application config db component.

   The simple example how to use mongodb storage is listed below. Install MongoDB and yii2-mongodb extension to store messages history and you need just specify connection in console config:

   'components' => [
       'mongodb' => [
           'class' => '\yii\mongodb\Connection',
           'dsn' => 'mongodb://username:password@localhost:27017/dbname'
       ]
   ]

   In created mongodb database you need to create collection named as history;

   IMPORTANT: if you use db component - you need to create table history in your database. The simple examples postgresql and mysql you can see in tests/codeception directory.

2. To start chat server need to create console command and setup it as demon:

   • Create controller which extends yii\console\Controller:

     ServerController extends \yii\console\Controller

   • Create action to start server:

     namespace app\commands;
     
     use jones\wschat\components\Chat;
     use jones\wschat\components\ChatManager;
     use Ratchet\Server\IoServer;
     use Ratchet\Http\HttpServer;
     use Ratchet\WebSocket\WsServer;
     
     class ServerController extends \yii\console\Controller
     {
         public function actionRun()
         {
             $server = IoServer::factory(new HttpServer(new WsServer(new Chat(new ChatManager()))), 8080);
             $server->run();
             echo 'Server was started successfully. Setup logging to get more details.'.PHP_EOL;
         }
     }

   If you want to use chat for auth users, you must to specify userClassName property for ChatManager instance. For example:

       $manager = Yii::configure(new ChatManager(), [
           'userClassName' => '\yii\db\ActiveRecord' //allow to get users from MySQL or PostgreSQL
       ]);

   • Now, you can run chat server with yii console command:

     yii server/run

3. To add chat on page just call:

   <?=ChatWidget::widget();?>

   or if you want to use chat for auth users just add config as parameter:

   <?=ChatWidget::widget([
       'auth' => true,
       'user_id' => '' // setup id of current logged user
   ]);?>

    List of available options:
        auth - boolean, default: false
        user_id - mixed, default: null
        port - integer, default: 8080
        chatList - array (allow to set list of preloaded chats), default: [
            id => 1,
            title => 'All'
        ]
   

You can also store added chat, just specify js callback for vent events:

Chat.vent('chat:add', function(chatModel) {
    console.log(chatModel);
});

This code snipped may be added in your code, but after chat widget loading. In the callback you will get access to Chat.Models.ChatRoom backbone model. Now, you need add your code to save chat room instead console.log().

If YII_DEBUG is enabled - all js scripts will be loaded separately.

Also by default chat will try to load two images: /avatar_16.png and /avatar_32.png from assets folder.

Special thanks for Anna Litviniuk for avatar icons.

If you don't see any messages in console log, check flushInterval and exportInterval of your log configuration component. The simple configuration may looks like this:

'log' => [
    'traceLevel' => YII_DEBUG ? 3 : 0,
    'flushInterval' => 1,
    'targets' => [
        [
            'class' => 'yii\log\FileTarget',
            'levels' => ['error', 'warning', 'info'],
            'logVars' => [],
            'exportInterval' => 1
        ],
    ],
],

License

MIT