• <input id="wwk45"></input>

  • <li id="wwk45"><video id="wwk45"></video></li>
    \n\n    \n        {{--對話窗口頭部--}}\n        
    \n            \n                \"ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します\"heading}}\" width=\"80px\" height=\"40px\">\n            <\/div>\n            \n                {{$to->name}}\n            <\/div>\n        <\/div>\n        {{--\/\/對話窗口內(nèi)容--}}\n        \n            {{--對方的頭像與文字--}}\n            {{----}}\n                {{----}}\n                    {{--\"ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します\"heading}}\" width=\"50px\" height=\"50px\">--}}\n                {{--<\/div>--}}\n                {{--dsadsadsadsadsa<\/div>--}}\n            {{--<\/div>--}}\n            {{--我的頭像與文字--}}\n            {{----}}\n                {{----}}\n                    {{--\"ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します\"heading}}\" width=\"50px\" height=\"50px\">--}}\n                {{--<\/div>--}}\n                {{--dsadsadsadsadsa<\/div>--}}\n            {{--<\/div>--}}\n        <\/div>\n        {{--對話發(fā)送窗口--}}\n        \n            id}}\">\n            id}}\">\n            \n            \n            <\/textarea>\n            
    \n                \n                發(fā)表<\/button>\n            <\/div>\n        <\/form>\n        房間號{{$room}}\n    <\/div>\n<\/div>\n<\/body>\n<\/html>\n

    亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

    ホームページ PHPフレームワーク Workerman ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します

    ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します

    Nov 22, 2019 pm 02:18 PM
    workerman

    下面由workerman php教程欄目給大家介紹workerman結(jié)合laravel開發(fā)在線聊天應(yīng)用的方法,希望對需要的朋友有所幫助!

    ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します

    項目背景:

    最近由于公司的業(yè)務(wù)需求,需要用到聊天功能。而且有比較多的個性化需求需要定制。之前使用別人的聊天組件是基于微擎的。如果要移植到普通的H5在邏輯修改還有定制上存在比較多的困難。為此只能克服困難,自己搭建一個吧

    什么是Workerman?

    Workerman是一款開源高性能異步PHP socket即時通訊框架。支持高并發(fā),超高穩(wěn)定性,被廣泛的用于手機(jī)app、移動通訊,微信小程序,手游服務(wù)端、網(wǎng)絡(luò)游戲、PHP聊天室、硬件通訊、智能家居、車聯(lián)網(wǎng)、物聯(lián)網(wǎng)等領(lǐng)域的開發(fā)。?

    支持TCP長連接,支持Websocket、HTTP等協(xié)議,支持自定義協(xié)議。擁有異步Mysql、異步Redis、異步Http、MQTT物聯(lián)網(wǎng)客戶端、異步消息隊列等眾多高性能組件。

    開始實戰(zhàn)吧!

    1.第一步我們先把workerman里需要用到的擴(kuò)展composer下來吧

    "workerman/gateway-worker": "^3.0",
    "workerman/gatewayclient": "^3.0",
    "workerman/workerman": "^3.5",

    2.第二步我們到官方網(wǎng)站把demo全部下載下來,然后放到我們項目中的目錄圖片中我就把整個項目都放在了HTTP/Controller/Workerman中。

    ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します

    3.第三步我們需要把把以下3個文件的引用部分修改為以下。

    不然會報路徑錯誤

    start_businessworker,start_gateway,start_register
    require_once __DIR__ . &#39;/../../../../../vendor/autoload.php&#39;;

    4.修改完成后我們就可以在liunx直接運行對應(yīng)的啟動文件

    php start.php start -d
    如果你是在window下就雙擊start_for_win.bat運行

    5.運行成功后,你就應(yīng)該可以看到以下的界面到此我們搭建基于workerman的通信環(huán)境就已經(jīng)完成。

    接下來我們就可以根據(jù)自己的項目需求進(jìn)行開發(fā)。

    在此向大家重點說明。

    我們所有的聊天是邏輯都在目錄中的Events.php進(jìn)行修改。


    下面我給大家貼一下我編寫的部分代碼。

    Event.php

    <?php
    /**
     * This file is part of workerman.
     *
     * Licensed under The MIT License
     * For full copyright and license information, please see the MIT-LICENSE.txt
     * Redistributions of files must retain the above copyright notice.
     *
     * @author walkor<walkor@workerman.net>
     * @copyright walkor<walkor@workerman.net>
     * @link http://www.workerman.net/
     * @license http://www.opensource.org/licenses/mit-license.php MIT License
     */
    /**
     * 用于檢測業(yè)務(wù)代碼死循環(huán)或者長時間阻塞等問題
     * 如果發(fā)現(xiàn)業(yè)務(wù)卡死,可以將下面declare打開(去掉//注釋),并執(zhí)行php start.php reload
     * 然后觀察一段時間workerman.log看是否有process_timeout異常
     */
    //declare(ticks=1);
    /**
     * 聊天主邏輯
     * 主要是處理 onMessage onClose
     */
    use \GatewayWorker\Lib\Gateway;
    class Events
    {
        /**
         * 作者:何志偉
         * 當(dāng)客戶端連接上來的時候
         * 創(chuàng)建時間:2018/10/25
         * @param $client_id 此ID為gatewayworker 自動生成ID
         */
        public static function onConnect($client_id)
        {
            Gateway::sendToClient($client_id, json_encode(array(
                &#39;type&#39;      => &#39;init&#39;,
                &#39;client_id&#39; => $client_id
            )));
        }
        /**
         * 有消息時
         * @param int $client_id
         * @param mixed $message
         */
        public static function onMessage($client_id, $message)
        {
            // debug
            echo "client:{$_SERVER[&#39;REMOTE_ADDR&#39;]}:{$_SERVER[&#39;REMOTE_PORT&#39;]} gateway:{$_SERVER[&#39;GATEWAY_ADDR&#39;]}:{$_SERVER[&#39;GATEWAY_PORT&#39;]}  client_id:$client_id session:".json_encode($_SESSION)." onMessage:".$message."\n";
            // 客戶端傳遞的是json數(shù)據(jù)
            $message_data = json_decode($message, true);
            if(!$message_data)
            {
                return ;
            }
            // 根據(jù)類型執(zhí)行不同的業(yè)務(wù)
            switch($message_data[&#39;type&#39;])
            {
                // 客戶端回應(yīng)服務(wù)端的心跳
                case &#39;pong&#39;:
                    return;
                // 客戶端登錄 message格式: {type:login, name:xx, room_id:1} ,添加到客戶端,廣播給所有客戶端xx進(jìn)入聊天室
                case &#39;login&#39;:
                    // 判斷是否有房間號
                    if(!isset($message_data[&#39;room_id&#39;]))
                    {
                        throw new \Exception("\$message_data[&#39;room_id&#39;] not set. client_ip:{$_SERVER[&#39;REMOTE_ADDR&#39;]} \$message:$message");
                    }
                    // 把房間號昵稱放到session中
                    $room_id = $message_data[&#39;room_id&#39;];
                    $client_name = htmlspecialchars($message_data[&#39;client_name&#39;]);
                    $_SESSION[&#39;room_id&#39;] = $room_id;
                    $_SESSION[&#39;client_name&#39;] = $client_name;
                    // 獲取房間內(nèi)所有用戶列表
                    $clients_list = Gateway::getClientSessionsByGroup($room_id);
                    foreach($clients_list as $tmp_client_id=>$item)
                    {
                        $clients_list[$tmp_client_id] = $item[&#39;client_name&#39;];
                    }
    //                $clients_list[$client_id] = $client_name;
                    // 轉(zhuǎn)播給當(dāng)前房間的所有客戶端,xx進(jìn)入聊天室 message {type:login, client_id:xx, name:xx}
                    $new_message = array(&#39;type&#39;=>$message_data[&#39;type&#39;], &#39;client_id&#39;=>$client_id, &#39;client_name&#39;=>htmlspecialchars($client_name), &#39;time&#39;=>date(&#39;Y-m-d H:i:s&#39;),&#39;to&#39;=>$message_data[&#39;to&#39;],&#39;room_id&#39;=>$message_data[&#39;room_id&#39;],
                        &#39;from&#39;=>$message_data[&#39;from&#39;],&#39;tag&#39;=>$message_data[&#39;tag&#39;]);
                    Gateway::sendToGroup($room_id, json_encode($new_message));
                    Gateway::joinGroup($client_id, $room_id);
                    // 給當(dāng)前用戶發(fā)送用戶列表
                    $new_message[&#39;client_list&#39;] = $clients_list;
                    Gateway::sendToCurrentClient(json_encode($new_message));
                    return;
                // 客戶端發(fā)言 message: {type:say, to_client_id:xx, content:xx}
                case &#39;say&#39;:
                    // 非法請求
                    if(!isset($_SESSION[&#39;room_id&#39;]))
                    {
                        throw new \Exception("\$_SESSION[&#39;room_id&#39;] not set. client_ip:{$_SERVER[&#39;REMOTE_ADDR&#39;]}");
                    }
                    $room_id = $_SESSION[&#39;room_id&#39;];
                    $client_name = $_SESSION[&#39;client_name&#39;];
                    // 私聊
    //                if($message_data[&#39;to_client_id&#39;] != &#39;all&#39;)
    //                {
    //                    $new_message = array(
    //                        &#39;type&#39;=>&#39;say&#39;,
    //                        &#39;from_client_id&#39;=>$client_id,
    //                        &#39;from_client_name&#39; =>$client_name,
    //                        &#39;to_client_id&#39;=>$message_data[&#39;to_client_id&#39;],
    //                        &#39;content&#39;=>"<b>對你說: </b>".nl2br(htmlspecialchars($message_data[&#39;content&#39;])),
    //                        &#39;time&#39;=>date(&#39;Y-m-d H:i:s&#39;),
    //                    );
    //                    Gateway::sendToClient($message_data[&#39;to_client_id&#39;], json_encode($new_message));
    //                    $new_message[&#39;content&#39;] = "<b>你對".htmlspecialchars($message_data[&#39;to_client_name&#39;])."說: </b>".nl2br(htmlspecialchars($message_data[&#39;content&#39;]));
    //                    return Gateway::sendToCurrentClient(json_encode($new_message));
    //                }
                    $new_message = array(
                        &#39;type&#39;=>&#39;say&#39;,
                        &#39;from_client_id&#39;=>$client_id,
                        &#39;from_client_name&#39; =>$client_name,
                        &#39;to_client_id&#39;=>&#39;all&#39;,
                        &#39;content&#39;=>nl2br(htmlspecialchars($message_data[&#39;content&#39;])),
                        &#39;time&#39;=>date(&#39;Y-m-d H:i:s&#39;),
                    );
                    return Gateway::sendToGroup($room_id ,json_encode($new_message));
            }
        }
        /**
         * 當(dāng)客戶端斷開連接時
         * @param integer $client_id 客戶端id
         */
        public static function onClose($client_id)
        {
            // debug
            echo "client:{$_SERVER[&#39;REMOTE_ADDR&#39;]}:{$_SERVER[&#39;REMOTE_PORT&#39;]} gateway:{$_SERVER[&#39;GATEWAY_ADDR&#39;]}:{$_SERVER[&#39;GATEWAY_PORT&#39;]}  client_id:$client_id onClose:&#39;&#39;\n";
            // 從房間的客戶端列表中刪除
            if(isset($_SESSION[&#39;room_id&#39;]))
            {
                $room_id = $_SESSION[&#39;room_id&#39;];
                $new_message = array(&#39;type&#39;=>&#39;logout&#39;, &#39;from_client_id&#39;=>$client_id, &#39;from_client_name&#39;=>$_SESSION[&#39;client_name&#39;], &#39;time&#39;=>date(&#39;Y-m-d H:i:s&#39;));
                Gateway::sendToGroup($room_id, json_encode($new_message));
            }
        }
    }

    客戶端頁面

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>與{{$to->name}}的對話</title>
        <script type="text/javascript" src="{{asset(&#39;js&#39;)}}/swfobject.js"></script>
        <script type="text/javascript" src="{{asset(&#39;js&#39;)}}/web_socket.js"></script>
        <script type="text/javascript" src="{{asset(&#39;js&#39;)}}/jquery.min.js"></script>
        <link href="{{asset(&#39;css&#39;)}}/jquery-sinaEmotion-2.1.0.min.css" rel="stylesheet">
        <link href="{{asset(&#39;css&#39;)}}/bootstrap.min.css" rel="stylesheet">
        <link href="{{asset(&#39;css&#39;)}}/style.css" rel="stylesheet">
        <script type="text/javascript" src="{{asset(&#39;js&#39;)}}/jquery-sinaEmotion-2.1.0.min.js"></script>
        {{--<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>--}}
    </head>
    <style>
        #sinaEmotion {
            z-index: 999;
            width: 373px;
            padding: 10px;
            display: none;
            font-size: 12px;
            background: #fff;
            overflow: hidden;
            position: absolute;
            border: 1px solid #e8e8e8;
            top: 100px;
            left: 542.5px;
        }
    </style>
    <body onload="connect();" style="margin: auto; text-align: center;">
    <div style="margin: auto;">
        <div style="border: 1px solid red; height: 40px; width: 500px; margin: auto;">
            {{--對話窗口頭部--}}
            <div>
                <div style="width: 80px; height: 40px; border: 1px solid blue; float: left">
                    <img  src="/static/imghw/default1.png"  data-src="{{$to- alt="ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します" >heading}}"  class="lazy"   width="80px" height="40px">
                </div>
                <div style="width: 150px; height: 40px; border: 1px solid blue; float: left">
                    {{$to->name}}
                </div>
            </div>
            {{--//對話窗口內(nèi)容--}}
            <div style="width: 500px; height: 400px; border: 1px solid green; margin-top: 40px; overflow-y: auto">
                {{--對方的頭像與文字--}}
                {{--<div style="min-height: 50px;margin-top: 10px;">--}}
                    {{--<div style="width: 50px;height: 50px; border: 1px solid red;  margin-left:10px; float: left">--}}
                        {{--<img  src="/static/imghw/default1.png"  data-src="{{$to- alt="ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します" >heading}}"  class="lazy"   width="50px" height="50px">--}}
                    {{--</div>--}}
                    {{--<div style="border: 1px solid red; float: left;  min-height: 50px" >dsadsadsadsadsa</div>--}}
                {{--</div>--}}
                {{--我的頭像與文字--}}
                {{--<div style= "min-height:50px;margin-top: 10px;">--}}
                    {{--<div style="width: 50px;height: 50px; border: 1px solid red;  margin-left:10px; float: right">--}}
                        {{--<img  src="/static/imghw/default1.png"  data-src="{{$from- alt="ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します" >heading}}"  class="lazy"   width="50px" height="50px">--}}
                    {{--</div>--}}
                    {{--<div style="border: 1px solid red; float: right;  min-height: 50px" >dsadsadsadsadsa</div>--}}
                {{--</div>--}}
            </div>
            {{--對話發(fā)送窗口--}}
            <form onsubmit="return onSubmit(); return false;" id="ajaxfrom">
                <input type="hidden" name="to" value="{{$to->id}}">
                <input type="hidden" name="from" value="{{$from->id}}">
                <input type="hidden" name="room_id" value="{{$room}}">
                <input type="hidden" name="tag" value="{{$tag}}">
                <textarea id="textarea" name="content" style="margin: 0px; width: 501px; height: 213px;"></textarea>
                <div>
                    <input type="button" class="btn btn-default face pull-left" value="表情" />
                    <button type="submit" class="btn btn-default">發(fā)表</button>
                </div>
            </form>
            房間號{{$room}}
        </div>
    </div>
    </body>
    </html>
    <script type="text/javascript">
        if (typeof console == "undefined") {    this.console = { log: function (msg) {  } };}
        // 如果瀏覽器不支持websocket,會使用這個flash自動模擬websocket協(xié)議,此過程對開發(fā)者透明
        WEB_SOCKET_SWF_LOCATION = "/swf/WebSocketMain.swf";
        // 開啟flash的websocket debug
        WEB_SOCKET_DEBUG = true;
        var ws, name, client_list={};
        var to_client_id="";
        // 連接服務(wù)端初始化函數(shù)
        function connect() {
            // 創(chuàng)建websocket 屆時可以替換為對應(yīng)的服務(wù)器地址
            ws = new WebSocket("ws://"+document.domain+":7272");
            // 當(dāng)socket連接打開時,輸入用戶名
            ws.onopen = onopen;
            // 當(dāng)有消息時根據(jù)消息類型顯示不同信息
            ws.onmessage = onmessage;
            //當(dāng)連接丟失時,調(diào)用連接方法嘗試重新連接
            ws.onclose = function() {
                console.log("連接關(guān)閉,定時重連");
                connect();
            };
            //當(dāng)操作報錯時,返回異常錯誤
            ws.onerror = function() {
                console.log("出現(xiàn)錯誤");
            };
            //發(fā)送ajax獲取當(dāng)前房間的通話記錄
            $.post("/get_record", { "room":"{{$room}}" },
                function(msg){
                    $.each(msg,function (v,k) {
                        console.log(k);
                        //判斷
                        if(k.tag!="{{$tag}}"){
                            $(".content").append(
                                &#39;<div style="min-height: 50px;margin-top: 10px;">&#39; +
                                &#39;<div style="width: 50px;height: 50px; border: 1px solid red;  margin-left:10px; float: left">&#39;+
                                &#39;<img  src="/static/imghw/default1.png"  data-src="{{$to- alt="ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します" >heading}}"  class="lazy"   width="50px" height="50px">&#39;+
                                &#39;</div>&#39;+
                                &#39;<div style="border: 1px solid red; float: left;  min-height: 50px" >&#39;+k.content+&#39;</div>&#39;+
                                &#39;<div>&#39;
                            ).parseEmotion();
                        }else{
                            $(".content").append(
                                &#39;<div style="min-height: 50px;margin-top: 10px;">&#39; +
                                &#39;<div style="width: 50px;height: 50px; border: 1px solid red;  margin-left:10px; float: right">&#39;+
                                &#39;<img  src="/static/imghw/default1.png"  data-src="{{$from- alt="ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します" >heading}}"  class="lazy"   width="50px" height="50px">&#39;+
                                &#39;</div>&#39;+
                                &#39;<div style="border: 1px solid red; float: right;  min-height: 50px" >&#39;+k.content+&#39;</div>&#39;+
                                &#39;<div>&#39;
                            ).parseEmotion();
                        }
                    })
                });
        }
        // 連接建立時發(fā)送登錄信息
        function onopen()
        {
            var login_data=&#39;{"type":"login","client_name":"{{$from->name}}","room_id":"{{$room}}","to":"{{$to->id}}","from":"{{$from->id}}","tag":"{{$tag}}"}&#39;;
            ws.send(login_data);
            console.log(&#39;登錄成功&#39;)
        }
        // 服務(wù)端發(fā)來消息時
        function onmessage(e)
        {
            var data = JSON.parse(e.data);
            switch(data[&#39;type&#39;]){
                // 服務(wù)端ping客戶端心跳
                case &#39;ping&#39;:
                    ws.send(&#39;{"type":"pong"}&#39;);
                    break;
                // 登錄 更新用戶列表
                case &#39;login&#39;:
                    //講需要的發(fā)送ID保存到本地to_client_id變量中
                    for(var p in data[&#39;client_list&#39;]){
                        to_client_id=p;
                    }
                    console.log(to_client_id);
                    break;
                // 發(fā)言
                case &#39;say&#39;:
                    console.log(data);
                    say(data[&#39;from_client_id&#39;], data[&#39;from_client_name&#39;], data[&#39;content&#39;], data[&#39;time&#39;]);
                    break;
                // 用戶退出 更新用戶列表
                case &#39;logout&#39;:
                    console.log(data);
                    break;
                case &#39;init&#39;:
                    //此處可以發(fā)送ajax用于綁定不同的用戶ID和client
                    console.log(data);
                    break;
            }
        }
        // 提交對話
        function onSubmit() {
            //先檢查當(dāng)前的對話是否超過20條記錄數(shù)
            var count=true;
            //發(fā)送ajax獲取當(dāng)前房間的通話記錄
            $.ajax({
                url: "/check_count",
                type: "post",
                async:false,
                // cache: false,
                // contentType: false,
                // processData: false,
                data:{
                &#39;room&#39;:"1",
                },
                success: function (msg) {
                    if(msg>10){
                        alert(&#39;當(dāng)前的對話已經(jīng)超過次數(shù),請購買對應(yīng)服務(wù)&#39;)
                        count=false;
                    }
                }
            });
            if(count){
                var neirong=$("#textarea").val().replace(/"/g, &#39;\\"&#39;).replace(/\n/g,&#39;\\n&#39;).replace(/\r/g, &#39;\\r&#39;);
                //ajax先把對應(yīng)的內(nèi)容發(fā)送到后臺錄入,回調(diào)成功后才把信息發(fā)送
                var fm=$("#ajaxfrom")[0];
                var formData = new FormData(fm);
                $.ajax({
                    url: "/record",
                    type: "post",
                    cache: false,
                    contentType: false,
                    processData: false,
                    data: formData,
                    beforeSend:function(){
                    },
                    success: function (msg) {
                        if(msg.code=="0"){
                            ws.send(&#39;{"type":"say","to_client_id":"all","to_client_name":"{{$to->name}}","content":"&#39;+neirong+&#39;"}&#39;);
                            //清空文本框內(nèi)容
                            $("#textarea").val("");
                            //強(qiáng)制定位光標(biāo)
                            $("#textarea").focus();
                        }else{
                        }
                    }
                });
            }
            return false;
        }
        // 發(fā)言
        function say(from_client_id, from_client_name, content, time){
            //判斷當(dāng)前的用戶名稱與發(fā)送消息的名稱是否一致
            if( "{{$from->name}}" == from_client_name){
                $(".content").append(
                    &#39;<div style="min-height: 50px;margin-top: 10px;">&#39; +
                    &#39;<div style="width: 50px;height: 50px; border: 1px solid red;  margin-left:10px; float: right">&#39;+
                    &#39;<img  src="/static/imghw/default1.png"  data-src="{{$from- alt="ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します" >heading}}"  class="lazy"   width="50px" height="50px">&#39;+
                    &#39;</div>&#39;+
                    &#39;<div style="border: 1px solid red; float: right;  min-height: 50px" >&#39;+content+&#39;</div>&#39;+
                    &#39;<div>&#39;
                ).parseEmotion();
            }else{
                $(".content").append(
                    &#39;<div style="min-height: 50px;margin-top: 10px;">&#39; +
                    &#39;<div style="width: 50px;height: 50px; border: 1px solid red;  margin-left:10px; float: left">&#39;+
                    &#39;<img  src="/static/imghw/default1.png"  data-src="{{$to- alt="ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します" >heading}}"  class="lazy"   width="50px" height="50px">&#39;+
                    &#39;</div>&#39;+
                    &#39;<div style="border: 1px solid red; float: left;  min-height: 50px" >&#39;+content+&#39;</div>&#39;+
                    &#39;<div>&#39;
                ).parseEmotion();
            }
            // $("#dialog").append(&#39;<div><img  src="/static/imghw/default1.png"  data-src="http://lorempixel.com/38/38/?&#39;+from_client_id+&#39;"  class="lazy"   / alt="ワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発します" > &#39;+from_client_name+&#39; <br> &#39;+time+&#39;<div   style="max-width:90%"></div><p class="triangle-isosceles top">&#39;+content+&#39;</p> </div>&#39;).parseEmotion();
        }
        $(function(){
            //全局用戶ID
            select_client_id = &#39;all&#39;;
            //如果發(fā)送的用戶有變化則對應(yīng)的用戶ID進(jìn)行替換
            $("#client_list").change(function(){
                select_client_id = $("#client_list option:selected").attr("value");
            });
            //表情選擇
            $(&#39;.face&#39;).click(function(event){
                $(this).sinaEmotion();
                event.stopPropagation();
            });
        });
        // document.write(&#39;<meta name="viewport" content="width=device-width,initial-scale=1">&#39;);
        $("textarea").on("keydown", function(e) {
            //按enter鍵自動提交
            if(e.keyCode === 13 && !e.ctrlKey) {
                e.preventDefault();
                $(&#39;form&#39;).submit();
                return false;
            }
            // 按ctrl+enter組合鍵換行
            if(e.keyCode === 13 && e.ctrlKey) {
                $(this).val(function(i,val){
                    return val + "\n";
                });
            }
        });
    </script>

    復(fù)制代碼這兩個代碼片段其實就是主要運行的核心片段。其他框架的自帶參數(shù)需要各位自己去根據(jù)文檔去調(diào)試優(yōu)化。到此基于workerman的聊天用于功能demo已經(jīng)搭建完畢。

    以上がワーカーマンはlaravelを組み合わせてオンラインチャットアプリケーションを開発しますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。

    このウェブサイトの聲明
    この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當(dāng)する法的責(zé)任を負(fù)いません。盜作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡(luò)ください。

    ホットAIツール

    Undress AI Tool

    Undress AI Tool

    脫衣畫像を無料で

    Undresser.AI Undress

    Undresser.AI Undress

    リアルなヌード寫真を作成する AI 搭載アプリ

    AI Clothes Remover

    AI Clothes Remover

    寫真から衣服を削除するオンライン AI ツール。

    Clothoff.io

    Clothoff.io

    AI衣類リムーバー

    Video Face Swap

    Video Face Swap

    完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

    ホットツール

    メモ帳++7.3.1

    メモ帳++7.3.1

    使いやすく無料のコードエディター

    SublimeText3 中國語版

    SublimeText3 中國語版

    中國語版、とても使いやすい

    ゼンドスタジオ 13.0.1

    ゼンドスタジオ 13.0.1

    強(qiáng)力な PHP 統(tǒng)合開発環(huán)境

    ドリームウィーバー CS6

    ドリームウィーバー CS6

    ビジュアル Web 開発ツール

    SublimeText3 Mac版

    SublimeText3 Mac版

    神レベルのコード編集ソフト(SublimeText3)

    Workerman ドキュメントにファイルのアップロードとダウンロードを?qū)g裝する Workerman ドキュメントにファイルのアップロードとダウンロードを?qū)g裝する Nov 08, 2023 pm 06:02 PM

    Workerman ドキュメントでファイルのアップロードとダウンロードを?qū)g裝するには、特定のコード サンプルが必要です はじめに: Workerman は、シンプル、効率的、使いやすい高性能 PHP 非同期ネットワーク通信フレームワークです。実際の開発では、ファイルのアップロードとダウンロードが一般的な機(jī)能要件となりますが、この記事では、Workerman フレームワークを使用してファイルのアップロードとダウンロードを?qū)g裝する方法と、具體的なコード例を紹介します。 1. ファイル アップロード: ファイル アップロードとは、ローカル コンピューター上のファイルをサーバーに転送する操作を指します。以下が使用されます

    スウールとワーカーマンはどちらが良いですか? スウールとワーカーマンはどちらが良いですか? Apr 09, 2024 pm 07:00 PM

    Swoole と Workerman はどちらも高性能の PHP サーバー フレームワークです。 Swoole は、非同期処理、優(yōu)れたパフォーマンス、スケーラビリティで知られており、多數(shù)の同時リクエストと高スループットを処理する必要があるプロジェクトに適しています。 Workerman は、使いやすさや同時実行量が少ないプロジェクトに適した直感的な API を備え、非同期モードと同期モードの両方の柔軟性を提供します。

    Workerman ドキュメントの基本的な使用方法を?qū)g裝する方法 Workerman ドキュメントの基本的な使用方法を?qū)g裝する方法 Nov 08, 2023 am 11:46 AM

    Workerman ドキュメントの基本的な使用方法の実裝方法の紹介: Workerman は、開発者が同時実行性の高いネットワーク アプリケーションを簡単に構(gòu)築できるようにする高性能 PHP 開発フレームワークです。この記事では、インストールと構(gòu)成、サービスとリスニング ポートの作成、クライアント リクエストの処理など、Workerman の基本的な使用方法を紹介します。そして、対応するコード例を示します。 1. Workerman のインストールと構(gòu)成 コマンド ラインに次のコマンドを入力して、Workerman をインストールします。

    Workerman ドキュメントにタイマー機(jī)能を?qū)g裝する方法 Workerman ドキュメントにタイマー機(jī)能を?qū)g裝する方法 Nov 08, 2023 pm 05:06 PM

    Workerman ドキュメントにタイマー機(jī)能を?qū)g裝する方法 Workerman は、タイマー機(jī)能を含む豊富な機(jī)能を提供する強(qiáng)力な PHP 非同期ネットワーク通信フレームワークです。タイマーを使用して、指定された時間間隔內(nèi)でコードを?qū)g行します。これは、スケジュールされたタスクやポーリングなどのアプリケーション シナリオに非常に適しています。次に、Workerman でタイマー機(jī)能を?qū)g裝する方法と具體的なコード例を詳しく紹介します。ステップ 1: Workerman をインストールする まず、Worker をインストールする必要があります

    Workerman 開発: UDP プロトコルに基づいてリアルタイム ビデオ通話を?qū)g裝する方法 Workerman 開発: UDP プロトコルに基づいてリアルタイム ビデオ通話を?qū)g裝する方法 Nov 08, 2023 am 08:03 AM

    Workerman 開発: UDP プロトコルに基づくリアルタイム ビデオ通話 概要: この記事では、Workerman フレームワークを使用して、UDP プロトコルに基づくリアルタイム ビデオ通話機(jī)能を?qū)g裝する方法を紹介します。 UDP プロトコルの特性を深く理解し、コード例を通じて、シンプルだが完全なリアルタイム ビデオ通話アプリケーションを構(gòu)築する方法を示します。はじめに: ネットワーク通信において、リアルタイムのビデオ通話は非常に重要な機(jī)能です。従來の TCP プロトコルでは、リアルタイム性の高いビデオ通話を?qū)g裝する場合、伝送遅延などの問題が発生する可能性があります。そしてUDP

    Workermanドキュメントにリバースプロキシ機(jī)能を?qū)g裝する方法 Workermanドキュメントにリバースプロキシ機(jī)能を?qū)g裝する方法 Nov 08, 2023 pm 03:46 PM

    Workerman ドキュメントでリバース プロキシ機(jī)能を?qū)g裝するには、具體的なコード例が必要です はじめに: Workerman は、豊富な機(jī)能と強(qiáng)力なパフォーマンスを提供する高性能 PHP マルチプロセス ネットワーク通信フレームワークであり、Web のリアルタイム通信や長時間の通信で広く使用されています。接続、サービス シナリオ。このうち、Workermanはリバースプロキシ機(jī)能もサポートしており、サーバーが外部サービスを提供する際の負(fù)荷分散や靜的リソースのキャッシュを?qū)g現(xiàn)できます。この記事ではWorkermanを利用してリバースプロキシ機(jī)能を?qū)g裝する方法を紹介します。

    Workerman を使用して高可用性負(fù)荷分散システムを構(gòu)築する方法 Workerman を使用して高可用性負(fù)荷分散システムを構(gòu)築する方法 Nov 07, 2023 pm 01:16 PM

    Workerman を使用して高可用性ロード バランシング システムを構(gòu)築する方法には、特定のコード サンプルが必要です?,F(xiàn)代のテクノロジーの分野では、インターネットの急速な発展に伴い、大量の同時リクエストを処理する必要がある Web サイトやアプリケーションがますます増えています。高可用性と高性能を?qū)g現(xiàn)するために、負(fù)荷分散システムは不可欠なコンポーネントの 1 つになっています。この記事では、PHP オープン ソース フレームワーク Workerman を使用して高可用性負(fù)荷分散システムを構(gòu)築する方法を紹介し、具體的なコード例を示します。 1. ワーカーマンワークの紹介

    Workermanドキュメントにファイル転送機(jī)能を?qū)g裝する Workermanドキュメントにファイル転送機(jī)能を?qū)g裝する Nov 08, 2023 pm 03:39 PM

    Workerman は、PHP をベースに開発された高性能な非同期イベント ドリブン フレームワークで、TCP/UDP プロトコルでの長時間接続の開発を容易に実現(xiàn)できます。さらに、Workerman はファイル転送を?qū)g現(xiàn)する機(jī)能も提供しており、大規(guī)模なファイル転送やデータのバックアップなどのシナリオで使用できます。この記事では、Workerman にファイル転送機(jī)能を?qū)g裝する方法と具體的なコード例を紹介します。 1. ファイルアップロード機(jī)能 ファイルアップロード機(jī)能を?qū)g裝するには、クライアントがアップロードするファイルをサーバーに送信し、サーバーがそれを検証する必要があります。

    See all articles