简体   繁体   English

使用 MySql 和 Websocket 协议在 Perl 中创建一个小时

[英]Creating an hour in Perl using MySql and the Websocket protocol

Good afternoon, I'm writing chat in Perl using Mysql and the Websocket protocol.下午好,我正在使用 Mysql 和 Websocket 协议在 Perl 中进行聊天。 I am using the AnyEvent module and Protocol:: WebSocket.我正在使用 AnyEvent 模块和 Protocol:: WebSocket。

I understand that it would be better to use Mojo or Node.js for this, but in my case it needs to be that way.我知道为此使用 Mojo 或 Node.js 会更好,但在我的情况下,它需要这样。

I receive data from Websocket, reverse and connect.我从 Websocket 接收数据,反向连接。 The data entered in the input field also fits into the database.在输入字段中输入的数据也适合数据库。 My problem is that how can I now output this data to the web interface in real time.我的问题是,我现在怎样才能将output这个数据实时发送到web接口。

#!/usr/bin/env perl

use strict;
use warnings;

use AnyEvent;

use AnyEvent::Handle;

use AnyEvent::DBI::MySQL;

use AnyEvent::Socket;
use Protocol::WebSocket::Handshake::Server;

use Protocol::WebSocket::Frame;

my $dbh = AnyEvent::DBI::MySQL->connect("DBI:mysql:chat:localhost", "admin", "admin",
{
    mysql_enable_utf8 => 1,
    PrintError => 0,
}) or die;

my $cv = AnyEvent->condvar;

my $hdl;
my $sth;

AnyEvent::Socket::tcp_server undef, 3000, sub {
    my ($clsock, $host, $port) = @_;

    my $hs    = Protocol::WebSocket::Handshake::Server->new;

    my $frame = Protocol::WebSocket::Frame->new;

    $hdl = AnyEvent::Handle->new(fh => $clsock);

    $hdl->on_read(
        sub {
            my $hdl = shift;

            my $chunk = $hdl->{rbuf};

            $hdl->{rbuf} = undef;            

            if (!$hs->is_done) {
                $hs->parse($chunk);

                if ($hs->is_done) {

                    $hdl->push_write($hs->to_string);
                    return;
                }
            }

            $frame->append($chunk);

            my $message = $frame->next;

            if ($message eq ""){
                $message = undef;
            } else {
                $sth = $dbh->do("INSERT INTO web_chat VALUES('$message')", { async => 0 });
            }

            my $ary_ref = $dbh->selectcol_arrayref("SELECT text FROM web_chat");

        }
    );
};

$cv->wait;

1;

Client is not written in Javascript客户端没有写在 Javascript


<!doctype html>
<form name="publish">
  <input type="text" name="message" maxlength="50"/>
  <input type="submit" value="Send"/>
</form>

<div id="messages"></div>

<script>

let socket = new WebSocket('ws://192.168.1.1:3000/websocket/');

// отправка сообщения из формы
document.forms.publish.onsubmit = function() {
  let outgoingMessage = this.message.value;

  socket.send(outgoingMessage);
  return false;
};

socket.onopen = function () {
  console.log("Websocket Connection");
};

socket.onerror = function () {
  console.log("Error websocket connection ");
}

// прослушка входящих сообщений
socket.onmessage = function(event) {
  let incomingMessage = event.data;
  showMessage(incomingMessage);
};

socket.onclose = event => console.log(`Closed ${event.code}`);

// отображение информации в div#messages
function showMessage(message) {
  let messageElem = document.createElement('div');
  messageElem.textContent = message;
  document.getElementById('messages').prepend(messageElem);
}

</script>

May I suggest Mojolicious and Mojo::Mysql for this?我可以为此建议 Mojolicious 和 Mojo::Mysql 吗?

Protocol::WebSocket is pretty “bare-bones” and doesn't handle a lot of the protocol details like ping/pong. Protocol::WebSocket 非常“简单”,不处理很多协议细节,如 ping/pong。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM