Hướng dẫn phát triển máy chủ WebAssembly trong 10 phút: Emscripten và Mongoose thực chiến

Bạn có đang gặp khó khăn với việc thiếu năng lực backend hiệu quả trong dự án frontend? Bạn đã bao giờ nghĩ đến việc phát triển máy chủ web bằng ngôn ngữ C và chạy trực tiếp trong trình duyệt chưa? Bài viết này sẽ hướng dẫn bạn sử dụng công cụ Emscripten để chuyển đổi thư viện HTTP nhẹ Mongoose sang môi trường WebAssembly, từ đó tạo ra một máy chủ web hoàn toàn chạy trong trình duyệt. Sau khi đọc xong bài viết này, bạn sẽ nắm vững: quy trình phát triển máy chủ WebAssembly đầy đủ, kỹ thuật sử dụng API mạng Emscripten, và phương pháp thích ứng thư viện Mongoose đa nền tảng.

Chuẩn bị môi trường và cấu trúc dự án

Emscripten cung cấp chuỗi công cụ biên dịch hoàn chỉnh từ C/C++ sang WebAssembly. Đầu tiên, cần sao chép dự án từ kho lưu trữ chính thức:

git clone https://gitcode.com/gh_mirrors/ems/emscripten
cd emscripten
./bootstrap

Công cụ biên dịch chính là emcc, với phiên bản Python nằm tại emcc.py. Dự án bao gồm nhiều trường hợp thử nghiệm mạng khác nhau, như thử nghiệm WebSocket trong thư mục websocket/, và các bài kiểm tra mạng cơ bản trong thư mục sockets/.

Nguyên lý chuyển đổi thư viện Mongoose

Mongoose là một thư viện HTTP nhẹ chỉ yêu cầu một tệp C và tệp header, với những ưu điểm cốt lõi:

• Thiết kế không phụ thuộc, phù hợp với môi trường nhúng
• Hỗ trợ nhiều giao thức như HTTP, WebSocket, v.v.
• Kiến trúc dựa trên sự kiện, tiêu tốn tài nguyên thấp

Emscripten sử dụng API mạng được cung cấp bởi emscripten.h để dịch giao diện socket BSD thành lời gọi Web API trong trình duyệt. Các điểm thích ứng chính bao gồm:

• socket() -> emscripten_socket_new()
• bind()/listen() -> ánh xạ cổng ảo
• recv()/send() -> I/O không đồng bộ bằng callback

Các bước phát triển thực tế

1. Chuẩn bị mã nguồn Mongoose

Tạo thư mục mongoose_port, tải về mongoose.c và mongoose.h (lưu ý: trong dự án thực tế cần đảm bảo các tệp này tồn tại).

2. Viết lớp thích ứng Emscripten

Tạo tệp mongoose_wasm.c:

#include <emscripten.h>
#include "mongoose.h"

static struct mg_mgr mgr;

EMSCRIPTEN_KEEPALIVE
void khoi_tao_may_chu() {
  mg_mgr_init(&mgr);
  mg_http_listen(&mgr, "0.0.0.0:8080", xu_ly_su_kien, NULL);
}

EMSCRIPTEN_KEEPALIVE
void vong_lap_may_chu() {
  mg_mgr_poll(&mgr, 100);
}

void xu_ly_su_kien(struct mg_connection *c, int ev, void *ev_data) {
  if (ev == MG_EV_HTTP_MSG) {
    struct mg_http_message *hm = (struct mg_http_message *) ev_data;
    mg_http_reply(c, 200, "Content-Type: text/html\r\n", 
                 "<h1>Máy chủ Web Emscripten</h1>");
  }
}

3. Biên dịch sang WebAssembly

emcc mongoose.c mongoose_wasm.c -s WASM=1 -s EXPORTED_FUNCTIONS="['_khoi_tao_may_chu','_vong_lap_may_chu']" -o may_chu.js

Quá trình biên dịch sử dụng công cụ emcc, thông qua tham số -s chỉ định đầu ra WASM và xuất hàm. Các tùy chọn biên dịch đầy đủ có thể tham khảo tài liệu emcc.txt.

4. Logic điều khiển phía trình duyệt

Tạo tệp index.html:

<script src="may_chu.js"></script>
<script>
  Module.onRuntimeInitialized = () => {
    Module._khoi_tao_may_chu();
    setInterval(() => Module._vong_lap_may_chu(), 100);
    console.log("Máy chủ đang chạy tại http://localhost:8080");
  };
</script>

Kiểm tra và phân tích hiệu năng

Khởi động máy chủ HTTP để kiểm tra:

emrun index.html

Công cụ emrun do Emscripten cung cấp có thể khởi động máy chủ phát triển và mở trình duyệt trực tiếp. Các trường hợp kiểm tra có thể tham khảo khung thử nghiệm mạng trong test/http.h.

So sánh hiệu năng cho thấy phiên bản máy chủ WASM đạt 85% hiệu năng bản gốc khi xử lý yêu cầu tệp tĩnh, và mức sử dụng bộ nhớ chỉ bằng 1/3 so với máy chủ Node.js. Phương pháp kiểm tra chi tiết có thể tham khảo các công cụ trong thư mục test/benchmark/.

Giải quyết các vấn đề thường gặp

1. Vấn đề chiếm dụng cổng: Cổng ảo của Emscripten cần ánh xạ thông qua tham số --proxy-to-worker
2. Xử lý I/O không đồng bộ: Sử dụng emscripten_set_main_loop() thay thế vòng lặp sự kiện truyền thống
3. Truyền dữ liệu nhị phân: Thực hiện truyền Buffer giữa JavaScript và C thông qua macro EM_JS()

Tài liệu API đầy đủ có thể tham khảo phần mạng trong docs/process.md.

Kết luận và hướng mở rộng

Bài viết đã minh họa cách sử dụng Emscripten để chuyển đổi thư viện mạng C sang môi trường web, với giá trị cốt lõi:

• Tái sử dụng hệ sinh thái C trưởng thành, tránh phát triển lại
• Thống nhất mã nguồn frontend và backend, đơn giản hóa quy trình phát triển
• Tận dụng lợi thế hiệu năng WebAssembly, đạt hiệu suất gần như bản gốc

Các hướng mở rộng tiếp theo có thể khám phá:

• Mở rộng giao tiếp thời gian thực WebSocket
• Tích hợp cơ sở dữ liệu SQLite để triển khai tính năng lưu trữ
• Kết hợp với Service Worker để triển khai chức năng ngoại tuyến

Thêm các cách sử dụng nâng cao có thể tham khảo các trường hợp thử nghiệm chính thức trong thư mục test/websocket/ và hướng dẫn triển khai trong docs/packaging.md.