如何将静态HTML和CSS文件连接到Node.js应用程序?

我尝试通过Heroku显示(静态)HTML网页。 我已经按照这个教程: https : //www.youtube.com/watch?v = gAwH1kSODVQ,但经过多次尝试仍然无法正常工作。

我对编码比较陌生,所以如果你能给出具体的例子,那就太棒了!

以下文件已被推送到heroku:

server.js package.json Procfile.js (folder) public with index.html, main.css 

//Server.js文件:

 var express = require('express'); //require express module in server.js file var app = express(); var mongojs = require('mongojs'); var db = mongojs('birthdaylist', ['birthdaylist']); var bodyParser = require('body-parser'); var http = require('http'); var port = Number(process.env.PORT || 3000); app.use(express.static(__dirname + '/public')); //connect to html file app.use(bodyParser.json()); app.get('/birthdaylist', function(req, res) { console.log("The server has received a GET request.") db.birthdaylist.find(function(err, docs){ console.log(docs); res.json(docs); }); }); app.post('/birthdaylist', function(req, res){ console.log(req.body); db.birthdaylist.insert(req.body, function (err, doc){ res.json(doc); }); }); app.delete('/birthdaylist/:id', function(req, res){ var id = req.params.id; console.log(id); db.birthdaylist.remove({_id: mongojs.ObjectId(id)}, function(err, doc){ res.json(doc); }); }); app.listen(port, function () { }); 

你应该使用:

 app.listen(%PORT_NUMBER%, function () { // some code here }); 

代替:

 var server = http.createServer(function(req, res){ res.writeHead(200, {'Content-Type':'text/html'}); res.end('<h6>Hello worldsfasfd!</h6>'); });