是否可以使用 WebAssembly 提交 HTTP 请求？答案

【问题标题】：Is it possible to submit HTTP requests with WebAssembly?是否可以使用 WebAssembly 提交 HTTP 请求？
【发布时间】：2019-02-05 17:28:49
【问题描述】：

我正在尝试在 WebAssembly 中提交一个简单的 HTTP GET 请求。为此，我编写了这个程序（复制自Emscripten site，稍作修改）：

#include <stdio.h>
#include <string.h>
#ifdef __EMSCRIPTEN__
#include <emscripten/fetch.h>
#include <emscripten.h>
#endif


void downloadSucceeded(emscripten_fetch_t *fetch) {
  printf("Finished downloading %llu bytes from URL %s.\n", fetch->numBytes, fetch->url);
  // The data is now available at fetch->data[0] through fetch->data[fetch->numBytes-1];
  emscripten_fetch_close(fetch); // Free data associated with the fetch.
}

void downloadFailed(emscripten_fetch_t *fetch) {
  printf("Downloading %s failed, HTTP failure status code: %d.\n", fetch->url, fetch->status);
  emscripten_fetch_close(fetch); // Also free data on failure.
}

unsigned int EMSCRIPTEN_KEEPALIVE GetRequest() {
  emscripten_fetch_attr_t attr;
  emscripten_fetch_attr_init(&attr);
  strcpy(attr.requestMethod, "GET");
  attr.attributes = EMSCRIPTEN_FETCH_LOAD_TO_MEMORY;
  attr.onsuccess = downloadSucceeded;
  attr.onerror = downloadFailed;
  emscripten_fetch(&attr, "http://google.com");
  return 1;
}

当我使用 $EMSCRIPTEN/emcc main.c -O1 -s MODULARIZE=1 -s WASM=1 -o main.js --emrun -s FETCH=1 编译它时，我得到了错误

ERROR:root:FETCH not yet compatible with wasm (shared.make_fetch_worker is asm.js-specific)

有没有办法从 WebAssembly 运行 HTTP 请求？如果是，我该怎么做？

更新 1：以下代码尝试发送 GET 请求，但由于 CORS 问题而失败。

#include <stdio.h>
#include <string.h>
#ifdef __EMSCRIPTEN__
#include <emscripten/fetch.h>
#include <emscripten.h>
#endif

unsigned int EMSCRIPTEN_KEEPALIVE GetRequest() {
  EM_ASM({
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "http://google.com");
    xhr.send();
  });
  return 1;
}

【问题讨论】：

答案和stackoverflow.com/questions/52078564/…差不多。您可以从 Webassembly 导入一个知道如何发出请求的 JS 函数和call它

标签： c http xmlhttprequest emscripten webassembly

【解决方案1】：

不，您不能执行来自 WebAssembly 的 HTTP 请求（或访问 DOM，或任何其他浏览器 API）。 WebAssembly 本身无法访问其宿主环境，因此它没有任何内置的 IO 功能。

但是，您可以从 WebAssembly 导出函数，并从宿主环境导入函数。这将允许您通过主机间接发出 HTTP 请求。

【讨论】：

谢谢。重新从主机环境中导入函数：你能指出一个用于执行 HTTP 请求的函数的文档吗？
除非我误解了什么，似乎很快就可以从 WebAssembly 本身发出请求？ hacks.mozilla.org/2019/03/…
@user10898116 似乎用于在浏览器以外的地方运行 WebAssembly。我认为问题更多是关于如何从在浏览器中运行的 WebAssembly 提交 HTTP 请求。似乎 WebAssembly 目前除了与 JavaScript 通信之外，除了纯逻辑和计算之外什么都做不了。除了通过 JavaScript 接口之外，我认为 WebAssembly 代码实际上不会影响任何东西，因此它不能通过 HTTP 进行通信、将内容保存到文件或以其他方式自行影响任何真正的更改。
@user10898116 实际上，WASI 似乎打算在浏览器中运行，所以你可能是对的。我真的不知道这是否打算最终与 WASM 一起出现在所有浏览器中，或者完全关于 WASI。

【解决方案2】：

我最近遇到了这个问题，esmcripten 将其修复在：https://github.com/kripken/emscripten/pull/7010

您现在应该可以同时使用 FETCH=1 和 WASM=1。

【讨论】：

如果我将 Emscripten SDK 安装到 Windows 10 的 Ubuntu 子系统中，如何更新它？

【解决方案3】：

很遗憾，除了 Google.com 之外的任何网站都无法向 Google.com 发出 CORS 请求。

From MDN:

出于安全原因，浏览器会限制从脚本中发起的跨域 HTTP 请求。例如，XMLHttpRequest 和 Fetch API 遵循同源策略。这意味着使用这些 API 的 Web 应用程序只能从加载应用程序的同一源请求 HTTP 资源，除非来自其他源的响应包含正确的 CORS 标头。

Google 不包含这些标题。

因为 JavaScript/WebAssembly 运行在客户端机器（不是你的机器）上，如果没有这台机器，你可能会做一些讨厌的事情，比如使用客户端的 cookie 向 www.mybankingwebsite.com/makeTransaction 发出 POST 请求。

如果您想将 Update 1 中的代码指向您自己的网站，或者在 Node.js 上运行它，它应该可以正常工作。

【讨论】：