c++服务端与html间的websocket通信

最新推荐文章于 2024-08-10 07:20:50 发布

Alvin_zy

最新推荐文章于 2024-08-10 07:20:50 发布

阅读量944

点赞数

分类专栏： c++项目开发文章标签： websocket c++ html websocket++ websocketpp

本文链接：https://blog.csdn.net/Alvin_zy/article/details/103386656

版权

c++项目开发专栏收录该内容

12 篇文章 1 订阅

订阅专栏

方法原理

利用开源websocket++库实现websocket服务端，websocket++的使用需要先安装boost库，然后直接将库中文件加入g++编译即可

工程实现

<!DOCTYPE html>
<html>
<head>
<title>Testing websockets</title>
</head>
<body>
  <div>
    <input type="submit" value="Start" onclick="start()" />
  </div>
  <div id="messages"></div>
  <script type="text/javascript">
    var webSocket =
      new WebSocket('ws://localhost:8013');
    webSocket.onerror = function(event) {
      onError(event)
    };
    webSocket.onopen = function(event) {
      onOpen(event)
    };
    
    webSocket.onclose = function(event) {
      onClose(event)
    };
    webSocket.onmessage = function(event) {
      onMessage(event)
    };
    function onMessage(event) {
      document.getElementById('messages').innerHTML
        += '<br />' + event.data;
    }
    function onOpen(event) {
      document.getElementById('messages').innerHTML
        = 'Connection established';
    }
    function onClose(event) {
      document.getElementById('messages').innerHTML
        += '<br />disconnection';
    }
    function onError(event) {
      alert(event.data);
    }
    function start() {
      webSocket.send('hello');
      return false;
    }
  </script>
</body>
</html>

#include "stdafx.h"
#include <iostream>
using namespace std;
#include <websocketpp/config/asio_no_tls.hpp>
#include <websocketpp/server.hpp>
typedef websocketpp::server<websocketpp::config::asio> WebsocketServer;
typedef WebsocketServer::message_ptr message_ptr;
using websocketpp::lib::placeholders::_1;
using websocketpp::lib::placeholders::_2;
using websocketpp::lib::bind;
void OnOpen(WebsocketServer *server, websocketpp::connection_hdl hdl)
{
    cout << "have client connected" << endl;
}
void OnClose(WebsocketServer *server, websocketpp::connection_hdl hdl)
{
    cout << "have client disconnected" << endl;
}
void OnMessage(WebsocketServer *server, websocketpp::connection_hdl hdl, message_ptr msg)
{
    string strMsg = msg->get_payload();
    cout << strMsg << endl;
    string strRespon = "receive: ";
    strRespon.append(strMsg);
    server->send(hdl, strRespon, websocketpp::frame::opcode::text);
}
int main()
{
    WebsocketServer                    server;
    server.set_access_channels(websocketpp::log::alevel::all);
    server.clear_access_channels(websocketpp::log::alevel::frame_payload);
    server.init_asio();
    server.set_open_handler(bind(&OnOpen, &server, ::_1));
    server.set_close_handler(bind(&OnClose, &server, _1));
    server.set_message_handler(bind(&OnMessage, &server, _1, _2));
    server.listen(8013);
    server.start_accept();
    server.run();
    return 0;
}
``