Building a blog with Node.js and Express (p1)

Nếu bạn là người mới bắt đầu tìm hiểu về Nodejs, thi hãy đọc qua bài viết sau, để hiểu rõ NodeJS là gì? ưu nhược điểm ...

https://viblo.asia/p/tim-hieu-ve-node-js-co-ban-ojaqG0dGEKwZ

Trong bài viết này , mình sẽ hướng dẫn dựng 1 blog tĩnh đơn giản vs Nodejs.

I . Setup Nodejs & NPM

Trước tiên các bạn cần truy cập website https://nodejs.org/en/ để download phần mềm về máy. Sau khi tải về chúng ta tiến hành cài đặt bình thường.

Khi đã cài đặt xong, bạn có thể mở "Command Prompt" , gõ node -v và npm -v để kiểm tra version đã cài đặt.

mkdir blog
cd blog

Khởi tạo project.

npm init

nội dung package.json, sau khi khởi tạo

{
  "name": "blog",
  "version": "1.0.0",
  "description": "build blog witdh Nodejs",
  "main": "index.js",
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  },
  "author": "TuanVH",
  "license": "ISC"
}

II. Cài đặt express, ejs

• ExpressJS là một Framework đc xây dựng trên nền tảng của Nodejs. Nó cung cấp các tính năng mạnh mẽ để phát triển ứng dụng web hoặc mobile... Để biết thêm chi tiết vui lòng tham khảo bài viết Tìm hiểu ExpressJs

• EJS là một template engine, Hiện có khá nhiều teamplate egine bạn có thể lựa chọn cái khác tùy thích. What is the best Node.js template engine?

Cú pháp Cài đặt

npm install express ejs ejs-locals --save

Trong folder Blog, tạo file index.js, Nội dung như sau:

var express = require("express");
var app = express();

// config express, ejs
app.set("view engine", "ejs");
app.set("views", "./views");
app.use(express.static(__dirname + "/public"));
var engine = require('ejs-locals');
app.engine('ejs', engine);

// create server
var server = require("http").createServer(app);
server.listen(process.env.PORT || 3000, function() {
    console.log("Created Server: port " + server.address().port);
});

Giải thích code trên tí: Sau khi bạn cài đặt express và ejs, để sử dụng đc nó, bạn phải require và khai báo nó vào ứng dụng của bạn.

• app.set("views", "./views");, đây là thư mục chứa các file có đuôi mở rộng là .ejs
• app.use(express.static(__dirname + "/public")); , thư mục chứa css, js, images của ứng dụng
• ejs-locals : partial and block template functions for the EJS template engine.

Test thử Ở màn hình "Command Prompt " và gõ lệnh node index.js, Nếu bạn thấy dòng chữ "Created Server: port 3000" xuất hiện, như vậy bạn đã tạo ứng dụng thành công rồi