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

Question

我尝试通过 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 () {

});

Answer 1

你应该使用：

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>');
});