godot 导出 HTML 本地调试
目录
webGL 导出不能直接运行原因
默认导出的 HTML 页面不能直接使用，会报告 CORS 错误
只有在使用 Use Threads 导出时，为了确保低音频延迟和在 Web 导出中使用 Thread 的能力，Godot 4 Web 导出才使用 SharedArrayBuffer。这需要一个安全的上下文，同时还需要在提供文件时设置以下 CORS 标头：
Cross-Origin-Opener-Policy: same-origin
Cross-Origin-Embedder-Policy: require-corpgodot 导出到 web 本地调试辅助
- 导出设置 导出目录
dist/webGL/static/index.html
建议在每次导出前，清空
dist/webGL/static目录
- 导出结构为
dist/webGL
├── index.js
├── package.json
├── README.md
└── static
├── index.js
├── index.pck
├── index.png
└── index.htmldist/webGL/package.json内容为
{
"name": "game",
"version": "1.0.0",
"description": "Example node.js server for locally testing exported web builds",
"main": "index.js",
"scripts": {
"start": "node index.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": {
"name": "sinlov",
"email": "sinlovgmppt@gmail.com"
},
"license": "MIT",
"dependencies": {
"express": "^4.18.2"
}
}index.js内容为
const express = require("express");
const app = express();
const server = require("http").createServer(app);
const port = process.env.PORT || 3000;
app.use(function (req, res, next) {
res.setHeader("Cross-Origin-Opener-Policy", "same-origin");
res.setHeader("Cross-Origin-Embedder-Policy", "require-corp");
next();
});
app.use(express.static("static"));
server.listen(port, function () {
console.log("Listening on port:", port);
});本地调试执行
npm install
npm start
## 或者设置 PORT 环境变量
# unix
export PORT=33000 && npm start
# windows powershell
$env:PORT="33000" ; npm start网页访问本地即可