GodotのWebGLビルドを手元で確認する方法
https://gyazo.com/424d5fb06da5476ab677b119a099b536
Express.js を使用する場合
Express.js を使用してCross Origin Isolation で必要な Header を設定してファイルを閲覧する手法。 code:main.mts(ts)
import express from "express";
const port = 3000;
const app = express();
app.use((req, res, next) => {
res.header("Cross-Origin-Embedder-Policy", "require-corp");
res.header("Cross-Origin-Opener-Policy", "same-origin");
next();
});
app.use(express.static("./"));
app.listen(port, () => {
console.log(=> http://localhost:${port});
});
実行するには以下のようにする。
code:sh
bun run ./main.ts
よく使う場合は実行権限を付与したコマンドとして用意しても良いかもしれない。
code:srv(ts)
import express from "express";
const port = 3000;
const app = express();
app.use((req, res, next) => {
res.header("Cross-Origin-Embedder-Policy", "require-corp");
res.header("Cross-Origin-Opener-Policy", "same-origin");
next();
});
app.use(express.static("./"));
app.listen(port, () => {
console.log(=> http://localhost:${port});
});
vercel/serve を使用する場合
まず Cross Origin Isolation で必要な Header を設定するため serve の設定ファイルを作る。
code:serve.json
{
"headers": [
{
"source": "**/*",
"headers": [
{ "key": "Cross-Origin-Embedder-Policy", "value": "require-corp" },
{ "key": "Cross-Origin-Opener-Policy", "value": "same-origin" }
]
}
]
}
設定が終わったらHTTPサーバーを起動する。
code:sh
npx serve -c ../serve.json ./dist