c 语言如何对接js

C语言对接JavaScript可以通过WebAssembly、Node.js的N-API、WebSockets实现。本文将详细探讨这三种方法，帮助开发者了解如何在C语言和JavaScript之间进行数据和功能的互通，并探讨每种方法的优缺点和适用场景。

一、WebAssembly

什么是WebAssembly

WebAssembly（简称Wasm）是一种可以在现代Web浏览器中运行的二进制指令格式，旨在提高Web应用的性能。它被设计为可以在各种编程语言中编写代码，然后编译成WebAssembly，以便在浏览器中高效运行。

如何将C代码编译为WebAssembly

要将C代码编译为WebAssembly，最常用的工具是Emscripten，它是一个LLVM到JavaScript的编译器。Emscripten可以将C/C++代码编译成asm.js或WebAssembly。

安装Emscripten：首先需要安装Emscripten SDK，可以通过以下命令进行安装：

git clone https://github.com/emscripten-core/emsdk.git cd emsdk ./emsdk install latest ./emsdk activate latest source ./emsdk_env.sh

编写C代码：假设你有一个简单的C代码，如下：

#include <stdio.h>
int add(int a, int b) {
    return a + b;
}

编译C代码为WebAssembly：

emcc add.c -o add.js -s EXPORTED_FUNCTIONS='["_add"]' -s EXTRA_EXPORTED_RUNTIME_METHODS='["cwrap"]'

在JavaScript中调用WebAssembly模块：

<!DOCTYPE html>
<html>
<head>
    <title>WebAssembly Example</title>
</head>
<body>
    <script src="add.js"></script>
    <script>
        var Module = {
            onRuntimeInitialized: function() {
                var add = Module.cwrap('add', 'number', ['number', 'number']);
                console.log('2 + 3 = ' + add(2, 3));
            }
        };
    </script>
</body>
</html>

通过以上步骤，你可以将C语言代码编译成WebAssembly，并在JavaScript中调用它。

二、Node.js的N-API

什么是N-API

N-API是Node.js提供的一套API，用于开发原生的C/C++模块。通过N-API，你可以在Node.js环境中直接调用C/C++代码，这对于需要高性能计算的场景特别有用。

如何使用N-API

安装Node.js和N-API：

确保你已经安装了Node.js。然后，可以通过npm安装N-API的相关工具：
```
npm install -g node-gyp
```

编写C代码和N-API绑定：

创建一个新的Node.js项目，并编写一个C++文件，例如addon.cc：

#include <napi.h>
int add(int a, int b) {
    return a + b;
}
Napi::Number AddWrapped(const Napi::CallbackInfo& info) {
    Napi::Env env = info.Env();
    int a = info[0].As<Napi::Number>().Int32Value();
    int b = info[1].As<Napi::Number>().Int32Value();
    int result = add(a, b);
    return Napi::Number::New(env, result);
}
Napi::Object Init(Napi::Env env, Napi::Object exports) {
    exports.Set(Napi::String::New(env, "add"), Napi::Function::New(env, AddWrapped));
    return exports;
}
NODE_API_MODULE(addon, Init)

编写binding.gyp文件：

binding.gyp文件用于定义构建配置：

{
  "targets": [
    {
      "target_name": "addon",
      "sources": [ "addon.cc" ]
    }
  ]
}

编译C++代码：

使用node-gyp构建C++代码：
```
node-gyp configure
node-gyp build
```

在JavaScript中调用N-API模块：

const addon = require('./build/Release/addon');
console.log('2 + 3 = ' + addon.add(2, 3));

通过N-API，可以在Node.js中直接调用C/C++代码，这使得在服务器端开发中可以充分利用C/C++的性能优势。

三、WebSockets

什么是WebSockets

WebSocket是一种在单个TCP连接上进行全双工通信的协议。它是建立在HTTP之上的，但提供了更低延迟的通信方式。WebSocket对于C语言和JavaScript之间的通信特别有用，因为它可以在浏览器和服务器之间实现实时数据传输。

如何使用WebSockets

服务器端实现（C语言）：

使用libwebsockets库可以方便地在C语言中实现WebSocket服务器。

安装libwebsockets：

sudo apt-get install libwebsockets-dev

编写服务器代码：

#include <libwebsockets.h>
#include <string.h>
static int callback_http(struct lws *wsi, enum lws_callback_reasons reason,
                         void *user, void *in, size_t len) {
    switch (reason) {
        case LWS_CALLBACK_ESTABLISHED:
            lwsl_user("Connection establishedn");
            break;
        case LWS_CALLBACK_RECEIVE:
            lwsl_user("Received data: %sn", (char *)in);
            lws_write(wsi, (unsigned char *)in, len, LWS_WRITE_TEXT);
            break;
        default:
            break;
    }
    return 0;
}
static struct lws_protocols protocols[] = {
    {
        "http",
        callback_http,
        0,
        128,
    },
    { NULL, NULL, 0, 0 }
};
int main(void) {
    struct lws_context_creation_info info;
    memset(&info, 0, sizeof(info));
    info.port = 8080;
    info.protocols = protocols;
    struct lws_context *context = lws_create_context(&info);
    if (!context) {
        lwsl_err("lws init failedn");
        return -1;
    }
    while (lws_service(context, 1000) >= 0);
    lws_context_destroy(context);
    return 0;
}

编译并运行服务器：

gcc -o server server.c -lwebsockets ./server

客户端实现（JavaScript）：

使用浏览器中的WebSocket API可以方便地与服务器进行通信。

编写客户端代码：

<!DOCTYPE html>
<html>
<head>
    <title>WebSocket Example</title>
</head>
<body>
    <script>
        var ws = new WebSocket('ws://localhost:8080');
        ws.onopen = function() {
            console.log('WebSocket connection established');
            ws.send('Hello, WebSocket server');
        };
        ws.onmessage = function(event) {
            console.log('Received message: ' + event.data);
        };
    </script>
</body>
</html>

通过WebSockets，可以实现浏览器和服务器之间的实时通信，使得C语言和JavaScript可以在实时应用中互操作。

总结

C语言对接JavaScript的主要方法有WebAssembly、Node.js的N-API、WebSockets。每种方法都有其独特的优点和适用场景：

WebAssembly适用于需要在浏览器中运行高性能C/C++代码的场景。
Node.js的N-API适用于需要在服务器端Node.js环境中调用C/C++代码的场景。
WebSockets适用于需要在浏览器和服务器之间进行实时数据传输的场景。

通过选择合适的方法，可以充分利用C语言的性能优势，同时享受JavaScript的灵活性和广泛的生态系统。