express render html code example

Example 1: express sendfile html

var express = require('express');
var app = express();
var path = require('path');

// viewed at http://localhost:8080
app.get('/', function(req, res) {
    res.sendFile(path.join(__dirname + '/index.html'));
});

app.listen(8080);

Example 2: express serve html

const path = require('path')
const express = require('express')

const app = express()

const port = process.env.PORT || 3000
const publicDirectoryPath = path.join(__dirname, '../public')

app.use(express.static(publicDirectoryPath))

app.listen(port, () => {
    console.log(`Server is up on port ${port}!`)
})

Example 3: express send html file

app.get('/test', function(req, res) {
    res.sendFile('test.html', {root: __dirname })
});

Example 4: render html in node js

render html in node js
-----------------------------
//server.js & index.html keep in same dir
app.use(express.static('./'));

app.get('/', function(req, res) { 
    res.render('index.html');
});

Example 5: express render

// send the rendered view to the client
res.render('index')

// if a callback is specified, the rendered HTML string has to be sent explicitly
res.render('index', function (err, html) {
  res.send(html)
})

// pass a local variable to the view
res.render('user', { name: 'Tobi' }, function (err, html) {
  // ...
})