container2wasmを試した記録

2024年3月3日 19:47

概要

Githubのリリースページからcontainer2wasmの実行ファイルをダウンロードしました。 Docker imageをpullしてc2w(container2wasm)で、wsam形式にコンバートしました。

$ docker pull ubuntu:24.04
$ ./c2w ubuntu:24.04 out.wasm ←すごく時間がかかった

次に、Wasmtimeで実行しました。
wstimeは、curlで実行するように書かれています。ただしroot権限は不要でした。HOMEディレクトリにインストールされる模様です。

$ curl https://wasmtime.dev/install.sh -sSf | bash
$ wasmtime out.wasm

これでコンテナに入れました。
--dirオプションでディレクトリをゲストに見せることもでました。

$ wasmtime --dir hostdir::/gestdir out.wasm

add_header 'Cross-Origin-Opener-Policy' 'same-origin';
add_header 'Cross-Origin-Embedder-Policy' 'require-corp';

これで動きました。

unclear how to pass custom arguments and files to the container started on browser · Issue #216 · ktock/container2wasm (github.com)
↑を見るとargsとfdsを変更するとコンテナに渡す引数とファイルディスクリプタをカスタマイズすることができるようです。
worker.jsのonmessage関数のargs定義を下記とすると引数をカスタマイズすることはできました。

var args = ['arg0', '/usr/bin/date'];

worker.jsの"function wasiHack(wasi, ttyClient, connfd)"にwasiとTtyClientをつなぐ標準入出力の処理が書かれていました。
ttyClient.onWriteの呼び出し前の場所を横取りできそうでした。

buf.forEach(ccc => {
  console.log("stdout:"+ String.fromCharCode(ccc) );
});
ttyClient.onWrite(Array.from(buf));

実際にttyClient.onWriteの前にブラウザコンソール出力を足すとブラウザの開発者画面で見れました。