Thứ Bảy, 30 tháng 12, 2017

Cách set template engine trong Nodejs

Mình sử dụng ejs để làm template engine cho nodejs, ngoài ra các bạn có thể dùng pug, handlebars hay bạn nào biết react, angular hay vue gì đó thì có thể sử dụng để làm front-end cho project nodejs của mình.

Cách set template engine trong Nodejs
Các set template engine trong Nodejs
1. Tạo chạy: npm init -y để tạo project trắng rồi cài module: express, ejs
2. Tạo file index.js

var express = require('express')

var app = express()

app.set('view engine', 'ejs')
app.set('views', './views')

app.get('/', (req, res) => {
res.render('index')
})

app.listen(3000, () => {
console.log('Server is running on port 3000')
})

3. Tạo thư mục views (không bắt buộc là views nhé bạn có thể đổi tên thư mục khác nhưng phải trùng với thư mục đã config ở file index.js ở trên nhé.

app.set('views', './views')

4. Vào thư mục views, tạo thử 1 file index.ejs (tên trung với file render nhé các bạn)

app.get('/', (req, res) => {
res.render('index')
})

Nếu đi sâu vào ejs thì nó còn rất nhiều điều hay ho chứ không chỉ dùng lại giống hệt html như trên nhưng trong bài này mình chỉ giới thiệu qua về các set 1 template engine làm front-end cho Nodejs, qua đó bạn có thể dùng cho pug hay gì gì đó cũng ok. Còn nếu là react, angular hay vue thì lại khác nhé. Cái này có lẽ mình sẽ viết 1 series riêng về học fullstack Nodejs + React.
Previous Post
Next Post

post written by: