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

时间:2015-12-22 13:20:31

标签: html css node.js heroku

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

});

1 个答案:

答案 0 :(得分: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>');
});