Đâ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
- trang chủ. ejs
- trang thử nghiệm. ejs
trang chủ. ejs
Home
This is Home Page
trang thử nghiệm. ejs
Test
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