是否可以通过WebAssembly提交HTTP请求?

时间:2018-08-30 17:34:16

标签: c http xmlhttprequest emscripten webassembly

我正在尝试在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;
}

3 个答案:

答案 0 :(得分:5)

我最近在esmcripten中发现了此问题,并将其修复为:https://github.com/kripken/emscripten/pull/7010

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

答案 1 :(得分:4)

否,您无法从WebAssembly执行HTTP请求(或访问DOM或任何其他浏览器API)。 WebAssembly本身无法访问其宿主环境,因此它没有任何内置的IO功能。

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

答案 2 :(得分:0)

很遗憾,除 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上运行它,则应该可以正常工作。