C 实现 WebSocket 服务器

目录

一、概述

二、基本特征

三、使用案例

[1、客户端 HTML 代码](#1、客户端 HTML 代码)

[2、服务端 C 代码](#2、服务端 C 代码)

四、运行结果


一、概述

实现 WebSocket 服务器主要参考 RFC 协议。链接如下:

RFC 6455: The WebSocket Protocol (rfc-editor.org)https://www.rfc-editor.org/rfc/rfc6455.html 具体的实现思路:

1、实现一个典型的 TCP 服务器。

2、TCP服务器处理客户端请求时,依据上述文档描述,分三个阶段处理 WS Client 请求(握手阶段、传输阶段、分手阶段)。

详细代码已上传到 gitcode和github。

项目目录预览 - ws_server - GitCodehttps://gitcode.com/qq_37437983/ws_server/tree/mainAtaoistPriest/ws_server: This is a web socket server implemented with C. (github.com)https://github.com/AtaoistPriest/ws_server

二、基本特征

1、指定服务器 IP 、Port 和 transmission 阶段的消息回调函数后即可快速启动服务器。

2、内置轻量级日志打印器。

三、使用案例

1、客户端 HTML 代码

html 复制代码
<html>
<head>
    <script>
        let ws;

        function doConnect(addr) {
            ws = new WebSocket("ws://" + addr);
            ws.onopen = () => {
                document.getElementById("log").value += (" Connection opened\n");
            };
            ws.onmessage = (event) => {
                document.getElementById("log").value += (" Receive: " + event.data + "\n\n"); // JSON.stringify()
            };
            ws.onclose = () => {
                document.getElementById("log").value += (" Connection closed\n");
            };
        }
		
		function doClose(addr) {
			ws.close();
		}

        document.addEventListener("DOMContentLoaded", (event) => {
            document.getElementById("btn_open_connect").onclick = () => {
                let server_addr = document.getElementById("server_addr").value;
                doConnect(server_addr);
            };
			
			document.getElementById("btn_close_connect").onclick = () => {
                doClose();
                document.getElementById("log").value += (" Client Close Connection\n");
            };

            document.getElementById("btn_send").onclick = () => {
                let msg = document.getElementById("message").value;
                ws.send(msg);
                document.getElementById("log").value += (" Send: " + msg + "\n");
            };
			
            document.getElementById("btn_clear").onclick = () => {
                document.getElementById("log").value = ("");
            };
        });
    </script>
</head>
<body>

<div id="header">
    <h1 align="left">WebSocket Client</h1>
    Server: <input id="server_addr" type="text" value="39.105.122.85:52323">
    <input id="btn_open_connect" type="button" value="Connect">
	<input id="btn_close_connect" type="button" value="DisConnect">
	<br/><br/>

    Message: <input id="message" type="text" value="">
    <input id="btn_send" type="button" value="Send">
    <input id="btn_clear" type="button" value="Clear">
	<br/><br/>

    <textarea cols="250" id="log" rows="50"></textarea>
</div>
</body>
</html>

2、服务端 C 代码

cpp 复制代码
#include "./src/wbsocket_server.h"

long msg_switch(unsigned char *req, long req_len, unsigned char *res, long res_len)
{
	bzero(res, res_len);
	long len = sprintf((char *)res, "Recv %s Successfully", req);
	return len;
}

void test_ws_server()
{
	logger_init("./log");

	start_server("172.17.83.59", "52323", msg_switch);

	logger_destroy();
}

int main(void)
{
	test_ws_server();
	return 0;
}

四、运行结果

下图是 Web Socket 客户端连接 Web Socket 服务器的通讯过程,包括了连接、请求回复与断开连接。

相关推荐
易保山19 小时前
MIT6.S081 - Lab10 mmap(文件&内存映射)
linux·操作系统·c
PassLink_2 天前
[ESP-IDF]:esp32-camera 使用指南 ESP32S3-OV2640 用例测试
esp32·c·esp-idf·ov2640·esp32-camera·esp32s3-cam
YuCaiH3 天前
数组理论基础
笔记·leetcode·c·数组
易保山6 天前
MIT6.S081 - Lab9 File Systems(文件系统)
linux·操作系统·c
御风@户外7 天前
win10下github libiec61850库编译调试sntp_example
c·sntp·61850
tt5555555555557 天前
每日一题——最小测试用例集覆盖问题
测试用例·c
小周不摆烂7 天前
蓝耘赋能通义万相 2.1:用 C++ 构建高效 AI 视频生成生态
c
努力努力再努力wz12 天前
【Linux实践系列】:用c/c++制作一个简易的进程池
linux·运维·数据库·c++·c
易保山13 天前
MIT6.S081 - Lab7 Locks(锁优化 | 并发安全)
linux·操作系统·c
Mr_Chenph14 天前
Visual Studio Code 开发 树莓派 pico
vscode·c·micropython·pico