js怎么接受c 的通知

JS 接收 C 的通知的方法

通过 WebSocket、使用 WebAssembly、通过 HTTP 请求。WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。它非常适合实时应用，如游戏、聊天应用和股票交易等。WebAssembly 是一种可以在现代 Web 浏览器中运行的低级字节码格式，它允许你在浏览器中运行 C/C++ 代码。通过 HTTP 请求，C 程序可以使用 HTTP 客户端库向 JavaScript 发送请求。

一、通过 WebSocket 实现 JS 接收 C 的通知

WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。它非常适合实时应用。

1. WebSocket 的基本概念

WebSocket 允许服务器和客户端之间的双向通信，这对于实时数据更新是非常理想的。例如，游戏、聊天应用和股票交易等应用都可以从中受益。

2. 如何在 C 中使用 WebSocket

在 C 语言中使用 WebSocket 库，如 libwebsockets 或 websocketpp，可以帮助你建立 WebSocket 服务器。以下是一个基本的示例：

#include <libwebsockets.h>
// WebSocket 回调函数
static int callback(struct lws *wsi, enum lws_callback_reasons reason, void *user, void *in, size_t len) {
    switch (reason) {
        case LWS_CALLBACK_ESTABLISHED:
            printf("Connection establishedn");
            break;
        case LWS_CALLBACK_RECEIVE:
            printf("Received data: %sn", (char *)in);
            break;
        case LWS_CALLBACK_SERVER_WRITEABLE:
            lws_write(wsi, (unsigned char *)"Hello from server", 17, LWS_WRITE_TEXT);
            break;
        default:
            break;
    }
    return 0;
}
int main(void) {
    struct lws_context_creation_info info;
    struct lws_context *context;
    memset(&info, 0, sizeof info);
    info.port = 7681;
    info.protocols = protocols;
    context = lws_create_context(&info);
    while (1) {
        lws_service(context, 1000);
    }
    lws_context_destroy(context);
    return 0;
}

3. 在 JavaScript 中处理 WebSocket 通信

在 JavaScript 中，可以使用 WebSocket API 连接到 WebSocket 服务器并接收数据。

const socket = new WebSocket('ws://localhost:7681');
socket.addEventListener('open', function (event) {
    console.log('Connected to WebSocket server');
    socket.send('Hello Server!');
});
socket.addEventListener('message', function (event) {
    console.log('Message from server ', event.data);
});

二、使用 WebAssembly 实现 JS 接收 C 的通知

WebAssembly 是一种可以在现代 Web 浏览器中运行的低级字节码格式，它允许你在浏览器中运行 C/C++ 代码。

1. WebAssembly 的基本概念

WebAssembly 使得开发人员可以在浏览器中运行高性能的应用程序。它与 JavaScript 互操作性强，可以方便地调用 JavaScript 函数和访问 DOM。

2. 如何编译 C 代码到 WebAssembly

使用 Emscripten 工具链可以将 C 代码编译成 WebAssembly。

#include <emscripten.h>
#include <stdio.h>
EMSCRIPTEN_KEEPALIVE
void notify_js() {
    EM_ASM({
        alert('Notification from C code');
    });
}
int main() {
    printf("Hello, WebAssembly!n");
    notify_js();
    return 0;
}

3. 在 JavaScript 中加载和使用 WebAssembly 模块

在 JavaScript 中，可以使用 WebAssembly API 加载和运行 WebAssembly 模块。

fetch('module.wasm').then(response =>
  response.arrayBuffer()
).then(bytes =>
  WebAssembly.instantiate(bytes, { env: {} })
).then(results => {
  const instance = results.instance;
  instance.exports.notify_js();
});

三、通过 HTTP 请求实现 JS 接收 C 的通知

通过 HTTP 请求，C 程序可以使用 HTTP 客户端库向 JavaScript 发送请求。

1. 使用 C 语言发送 HTTP 请求

在 C 语言中，可以使用 libcurl 库发送 HTTP 请求。

#include <stdio.h>
#include <curl/curl.h>
int main(void) {
    CURL *curl;
    CURLcode res;
    curl_global_init(CURL_GLOBAL_DEFAULT);
    curl = curl_easy_init();
    if(curl) {
        curl_easy_setopt(curl, CURLOPT_URL, "http://localhost:3000/notify");
        res = curl_easy_perform(curl);
        if(res != CURLE_OK)
            fprintf(stderr, "curl_easy_perform() failed: %sn", curl_easy_strerror(res));
        curl_easy_cleanup(curl);
    }
    curl_global_cleanup();
    return 0;
}

2. 在 JavaScript 中接收 HTTP 请求

在 JavaScript 中，可以使用 fetch API 接收 HTTP 请求。

const express = require('express');
const app = express();
const port = 3000;
app.get('/notify', (req, res) => {
    console.log('Received notification from C code');
    res.send('Notification received');
});
app.listen(port, () => {
    console.log(`Server listening at http://localhost:${port}`);
});

四、总结

通过 WebSocket、WebAssembly、HTTP 请求，可以实现 JS 接收 C 的通知。每种方法都有其独特的优点和适用场景。WebSocket 非常适合实时应用，WebAssembly 提供了高性能的计算能力，而 HTTP 请求 则是最简单和最常用的方法。选择哪种方法取决于具体的应用需求和开发环境。