我在 Glitch 上重新混合了一个框架 WebVR 项目。当我打开可视 a-frame 检查器并进行更改时,我无法保存更改。按 SAVE 按钮会出现错误:
aframe-watcher 未运行。此功能需要在本地运行的配套服务。npm install aframe-watcher 将更改保存回文件。在 supermedium.com/aframe-watcher 上阅读更多信息
我在 Glitch 上运行它,所以我没有任何本地信息。
有人可以帮忙吗?
我在 Glitch 上重新混合了一个框架 WebVR 项目。当我打开可视 a-frame 检查器并进行更改时,我无法保存更改。按 SAVE 按钮会出现错误:
aframe-watcher 未运行。此功能需要在本地运行的配套服务。npm install aframe-watcher 将更改保存回文件。在 supermedium.com/aframe-watcher 上阅读更多信息
我在 Glitch 上运行它,所以我没有任何本地信息。
有人可以帮忙吗?
抱歉回复晚了。我无法让它在故障时使用 aframe-watcher 运行。但是使用定制的 aframe-inspector 组件是可能的。
例如,请查看https://aframe-glitch-server-sync.glitch.me/和https://glitch.com/~aframe-glitch-server-sync的项目代码
public/aframe-inspector.js
在那里你可以看到21742
整个场景被序列化并发送到服务器。
var scene = Toolbar._entity.getEntityClipboardRepresentation(AFRAME.scenes[0]);
var obj = {};
obj[location.pathname] = scene;
xhr.send(JSON.stringify(obj));
该getEntityClipboardRepresentation
功能在第 行提供给工具栏21846
。我知道,这是一个丑陋的黑客,但它有效。
Toolbar._entity = __webpack_require__(14);
在server.js
服务器端处理看起来像这样。
app.post('/savePlain', (req, res) => {
var before = '<html><head><script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script></head><body>';
var after = '</body></html>';
for (const [filepath, content] of Object.entries(req.body)) {
fs.writeFileSync('./public' + filepath, before + content + after);
}
res.sendStatus(200);
});
我希望这个例子可以成为进一步实验的良好开端。:)
检查员无法修改服务器端的文件。使用aframe watcher时,检查员可以在本地机器中编辑和保存场景的更改。