fetch API

fetch API

fetch API 被广泛用于浏览器和基于 Node 的 JavaScript 应用程序中，用来通过网络获取内容。WasmEdge QuickJS Runtime 在其非阻塞的 Aysnc Socket API 的基础上支持 fetch API。这使得很多 JS 的 API 和模块可以开箱即用。

example_js/wasi_http_fetch.js 例子展示了如何在 WasmEdge 中使用 fetch API。下面的代码片段显示了一个异步的 HTTP GET 请求。当程序等待和处理 GET 内容的时候，它可以开始另一个请求。

1. import { fetch } from 'http'

3. async function test_fetch() {
4. try {
5. let r = await fetch("http://152.136.235.225/get?id=1")
6. print('test_fetch\n', await r.text())
7. } catch (e) {
8. print(e)
9. }
10. }
11. test_fetch()

下面的代码片段显示了如何向远程服务器发送同步的 HTTP POST 请求。

1. async function test_fetch_post() {
2. try {
3. let r = await fetch("http://152.136.235.225/post", { method: 'post', 'body': 'post_body' })
4. print('test_fetch_post\n', await r.text())
5. } catch (e) {
6. print(e)
7. }
8. }
9. test_fetch_post()

如下是一个异步的 HTTP PUT 请求。

1. async function test_fetch_put() {
2. try {
3. let r = await fetch("http://152.136.235.225/put",
4. {
5. method: "put",
6. body: JSON.stringify({ a: 1 }),
7. headers: { 'Context-type': 'application/json' }
8. })
9. print('test_fetch_put\n', await r.text())
10. } catch (e) {
11. print(e)
12. }
13. }
14. test_fetch_put()

要运行这些例子，使用以下 WasmEdge CLI 命令。

1. cd example_js
2. wasmedge --dir .:. ../target/wasm32-wasi/release/wasmedge_quickjs.wasm wasi_http_fetch.js

你可以看到打印到控制台的 HTTP 响应。

3.2.3. Fetch

fetch API