將Node.js HTML5和Canvas結合在一起

Question

我的一側有一個非常簡單的html5游戲。 使用我的瀏覽器直接打開游戲的html文件可以使游戲正常運行。 另一方面，我有一個由node.js制成的html服務器，可以正常提供html文本（諸如</ br> <p>之類的標簽）。

但是，當我告訴服務器將我的游戲顯示為html文本，以整個html文件為代價時，畫布無法渲染（盡管標題確實如此）。 所以現在我對正在發生的事情以及為什么無法將這兩件事鏈接在一起感到迷惑。 這是服務器代碼的簡化版本：

var http = require('http');
var fs = require('fs');
var index = fs.readFileSync('index.html');

http.createServer(function(req, res) {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.write(index);
    res.end()
}).listen(7777);

那么，我在這里做錯了什么？ 應該正常工作嗎？ 我想念什么嗎？

好像javascript是作為純文本發送的，並且從未真正執行過代碼。

Answer 1

您的服務器僅提供index.html，因此，如果該頁面依賴於任何其他資源，它將無法工作，因為對CSS和JS文件的請求將失敗。 試試這個：

$ npm -g install simplehttpserver
$ simplehttpserver /path/to/your/folder

然后使用瀏覽器轉到

http://localhost:8000/index.html