web-dev-qa-db-ja.com

WebAssemblyでHTTPリクエストを送信することはできますか？

WebAssemblyで単純なHTTP GETリクエストを送信しようとしています。この目的のために、私はこのプログラムを書きました（わずかな変更を加えて Emscriptenサイト からコピー）：

#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リクエストを実行する方法はありますか？はいの場合、どうすればよいですか？

Update 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;
}
chttpxmlhttprequestemscriptenwebassembly
14
Dmitrii Pisarenko

私は最近、esmcriptenでこの問題に遭遇しました： https://github.com/kripken/emscripten/pull/701

これで、FETCH = 1とWASM = 1を一緒に使用できるようになります。

6
sbc100

いいえ、WebAssemblyからHTTPリクエストを実行することはできません（またはDOMやその他のブラウザAPIにアクセスします）。 WebAssembly自体にはホスト環境へのアクセス権がないため、組み込みのIO機能はありません。

ただし、WebAssemblyから関数をエクスポートし、ホスト環境から関数をインポートすることはできます。これにより、ホストを介して間接的にHTTP要求を行うことができます。

5
ColinE

残念ながら、ウェブサイトからGoogle.comにCORSリクエストを行う方法はありません以外 Google.com。

MDNから：

セキュリティ上の理由から、ブラウザはスクリプト内から開始されたクロスオリジンHTTPリクエストを制限します。たとえば、XMLHttpRequestとFetch APIは、同じオリジンポリシーに従います。つまり、これらのAPIを使用するWebアプリケーションは、他のOriginからの応答に正しいCORSヘッダーが含まれていない限り、アプリケーションがロードされた同じOriginからのみHTTPリソースを要求できます。

Googleにはそれらのヘッダーは含まれていません。

JavaScript/WebAssemblyはクライアントのマシン（自分のものではない）で実行されるため、これが適切に行われていなければ、クライアントのマシンでmake POST request to www.mybankingwebsite.com/makeTransactionクッキー。

Update 1にあるコードを自分のサイトにポイントしたり、Node.jsで実行したりする場合は、問題なく動作するはずです。

0
Sora2455