Đây là bài học đầu tiên trong hướng dẫn nối tiếp về Node. js. Có một vài chuẩn bị trước khi bắt đầu, một vài phần mềm cần cài đặt trên máy tính của bạn, sau khi cài đặt xong chúng ta sẽ thực hiện hành động của bài học đầu tiên "Xin chào Node. js"

Một lời khuyên là bạn nên đọc bài viết giới thiệu về NodeJS của tôi dưới đây, trước khi tiếp tục bài học này, nó sẽ giúp bạn có cái nhìn tổng thể về NodeJS

• Giới thiệu về NodeJs

Để học NodeJS trước hết bạn cần tải xuống và cài đặt nó trên máy tính của bạn

• Cài đặt NodeJS trên Windows

Atom là một trình soạn thảo văn bản (và mã nguồn), nó hỗ trợ các plugin cho phép bạn thiết lập các ứng dụng NodeJS. Nó được phát triển bởi GitHub, phiên bản đầu tiên 1. 0 được phát hành vào năm 2015. Đây là một phần mềm được đánh giá cao so với phần mềm tương tự. Để thiết lập trình ứng dụng NodeJS mà tôi khuyến nghị bạn nên sử dụng phần mềm này

• Settings Atom thảo luận

2- Tạo dự án NodeJS

Trước đó, bạn cần tạo một thư mục có tên MyProject, hoặc một tên nào đó mà bạn muốn

Open window CMD and CD to the directory that you just create. Sau đó chạy lệnh sau để NPM khởi tạo dự án cho bạn

npm init

Chấp nhận các tùy chọn mặc định và nhấn Enter cho đến khi hoàn tất

Một tập tin có tên gói. json has been created on your project

Có một vài gói (package) thư viện cần thiết cho dự án của bạn, và bạn cần phải cài đặt nó với sự hỗ trợ của NPM

Thể hiện

Thể hiện. js (Hoặc đơn giản là Express) là một Web Application Framework cho NodeJS. Cung cấp bộ tính năng mạnh mẽ cho ứng dụng web và di động

ejs

EJS là viết tắt của "Embedded JavaScript templating", đây là một thư viện, được sử dụng để phân tích các tập tin ejs, và tạo ra HTML trả về cho khách hàng (Trình duyệt)

npm install express ejs

Sau khi cài đặt xong, bạn có thể nhìn thấy các thay đổi trên dự án của mình

3- Tạo cấu trúc cho dự án

At the step on we have been a project by command. Bây giờ chúng ta sẽ mở dự án này bằng một công cụ trực quan hơn, ở đây tôi sử dụng trình soạn thảo Atom (Phần mềm mà tôi đã khuyên bạn nên cài đặt ở bước trên)

• Tệp/Thêm thư mục dự án

OK, Project has been open on Atom

Trên dự án tạo 2 thư mục con là công khai & lượt xem

• công cộng. Là thư mục để chứa tất cả các tập tin mà người dùng có thể truy cập được, chẳng hạn như hình ảnh, video,
• lượt xem. Trang web của bạn sẽ có rất nhiều trang (trang), chẳng hạn như trang chủ, trang đăng nhập,. Thư mục này là nơi chứa tất cả các trang của bạn

Trong thư mục lượt xem chúng ta tạo 2 tập tin

1. trang chủ. ejs
2. trang thử nghiệm. ejs

trang chủ. ejs

  
    
    
  
  

     
This is Home Page
     
  

trang thử nghiệm. ejs

  
    
    
  
  

     
This is Test Page

  

Tiếp theo, tạo một tệp có tên chỉ mục. js, and enter into this content for this file. Đây là file cấu hình cho project của bạn

mục lục. js

var express = require("express");

var app = express();

app.use(express.static("public"));

app.set("view engine", "ejs");
app.set("views", "./views");

app.listen(3000);

app.get("/", function(request, response)  {
   
    response.render("homePage");
});

app.get("/test", function(request, response)  {
   
    response.render("testPage");
});

OK, Bây giờ là lúc giải thích nội dung của chỉ mục tập tin. js on

CodeMô tảvar express = require("express");ExpressJS là một Web Application Framework, dòng mã này nói rằng bạn muốn sử dụng nó. var app = express();Create a Express object. ứng dụng. sử dụng (thể hiện. static("public"));Dòng mã này nói với Máy chủ ứng dụng rằng bạn muốn sử dụng thư mục công khai để chứa các dữ liệu tĩnh, người dùng có thể truy cập vào các tệp trong thư mục này. ứng dụng. set("view engine", "ejs");Dòng mã này nói với Máy chủ ứng dụng rằng bạn muốn sử dụng thư viện EJS, nó là bộ máy xử lý các trang của bạn. EJS sẽ tạo HTML trả về trình duyệt của người dùng. ứng dụng. set("lượt xem", ". /views");Dòng mã này chỉ dành cho Máy chủ ứng dụng đường dẫn đến thư mục chứa các trang của bạn. ứng dụng. listen(3000);Ứng dụng của bạn khi được khai triển, nó sẽ lắng nghe trên cổng (port) 3000. ứng dụng. get("/test",  function(req, res) {
});Định nghĩa đường dẫn để truy cập vào một trang

4- Chạy Máy chủ ứng dụng

Open window CMD and CD into your project directory. Và thực hiện lệnh bên dưới để triển khai (triển khai) ứng dụng của bạn

node index.js

Lệnh ở trên sẽ khởi động Máy chủ ứng dụng web và khai thác ứng dụng của bạn trên Máy chủ web này. Lúc này nó đã sẵn sàng phục vụ yêu cầu gửi đến từ máy khách

Chú thích. Không thể đóng cửa sổ CMD vì Máy chủ ứng dụng của bạn đang chạy. Mở trình duyệt và truy cập vào đường dẫn