Cloudflare と Fastly で wasm on edge の素振りと雑な所感 🦀

クリスマスですね

どうも、メリークリスマス🎄🎅🎄
会社のアドベントカレンダーにこんな日記みたいな記事を書いてしまって死にたみが高まる @kakerukaeru です。

wasm on edge

普段自分が仕事で関わってる領域でいうと、冷静に wasm をゴリゴリ使う様なシーンはまだまだあまり想像できないんだけど、なんとなくどんな使用感なのかは知っておきたくて、一旦触ってみることにした。

wasm 自体は初心者だったので、一旦 Rust 🦀 and WebAssembly 🕸 のチュートリアルを掻い摘みつつ...

Cloudflare de wasm

先程、Cloudflare Workers は無料の遊び場があるって言ったんだけどこの子は wasm に対応してないので、Cloudflare の Account を作成して Worker を有効化した環境（$5/Month）を用意してからじゃないと試せない。

Worker は遊び場の感覚で設定するとして、wasm は compile 済みの file を何がしかで upload する必要がある。Resource Binding APIで API 経由で upload する形式と、Worker の edit 画面から GUI 経由で upload する方法がある。

今回は使用感を知りたいだけなので、GUI からポチポチ file を uload する方法を取った。 bind した module をどうやって呼び出すのか一瞬わからなかったけど、upload したときの名前で呼び出せるみたいだった。結構簡単

f:id:kakerukaeru:20181224161133p:plain — isqrtという、variables nameでwasmをuploadしてるのがわかる

設定してた worker はこんな感じ。特になにもない。

let instance = new WebAssembly.Instance(isqrt, {});

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request));
});

/**
 * Fetch and log a request
 * @param {Request} request
 */
async function handleRequest(request) {
  const url = new URL(request.url);
  const num = url.searchParams.get('num') || 1;
  let squareroot = instance.exports._Z7Q_rsqrtf(num);
  return new Response(squareroot, { status: 200 });
}

Fastly de wasm

Fastly はまだ production には出てないが、最近発表された Fastly Labs の Terrarium で wasm on edge が遊べるようになっている。Cloudflare と違って compile 済みの file を upload するのではなく、fastly 上で build を走らせるぽい。そして、ホスト側の機能を叩けるように faslty 側で用意してくれてる http_guest の Code も公開されていた。でもなんで Rust だけ公開されてるんだろう。

f:id:kakerukaeru:20181224190107p:plain — Browser上で好きなCodeを編集してdeployできる

まだ、sandbox 感が強くて正直どんな感じで本番時に適用させるのか想像がつかないけど、もうちょっと情報公開されてきたら触ってみたい。

~~もうちょっと触ってみたかったんだけど、サンプルプログラム書き換え〜とかしかする時間がなくて断念した~~

雑所感

近年 CDN layer で出来る事がどんどん増えていって、昔のただ Cache させるという単純な CDN からどこまで役割を広げるかを悩むシーンが増えてきた気がする。個人的にはまだまだ従来の origin でやっていた WebServer の責務をよりユーザーに近い Edge に負わせて origin の CPU resources の節約と柔軟な Caching Configuration による Performance 向上といった所までしか考えてはいないんだが、来るべき満塁のチャンスのためにこれからも CDN 界隈の動きを注視して素振りを続けようと思う。

あともうちょっと wasm のもくもく会して、ちょっと Rich なナニカを作ってみたい。

たまごかける日報

ここにAA貼りたい

Cloudflare と Fastly で wasm on edge の素振りと雑な所感 🦀

クリスマスですね

最近のぼく

wasm on edge

Cloudflare de wasm

Fastly de wasm

雑所感