Trung Quân
  • Node.js
  • ReactJS
    • Learn React Hooks
  • MERN Stack
  • Thuật Toán
  • Công Nghệ
    • Amazon AWS
    • Hosting – Domain
  • Về Tác Giả
  • Bản Quyền
Top Posts
Lộ trình học lập trình Web từ con...
Nhận diện, xác thực khuôn mặt với ReactJS...
Tạo hiệu ứng thẻ bài Magic với HTML...
NodeJS viết API gửi Email với OAuth2 và...
Tạo hiệu ứng Parallax đơn giản chỉ với...
Git – GitHub • Học Git thực tế...
Tạo một trang GitHub Profile phiên bản vũ...
Cài đặt iTerm2, Oh My Zsh, Zsh-autosuggestions và...
Cài đặt NVM, NodeJS và GIT trên MacOS...
Thuật toán Tìm phần tử bị lặp đầu...

Trung Quân

  • Node.js
  • ReactJS
    • Learn React Hooks
  • MERN Stack
  • Thuật Toán
  • Công Nghệ
    • Amazon AWS
    • Hosting – Domain
  • Về Tác Giả
  • Bản Quyền
Node.js

Node.js – Cài đặt môi trường phát triển trên Linux và viết Hello World huyền thoại

by trungquandev May 23, 2018
written by trungquandev May 23, 2018
nodejs-tutorial-01-hello-world-trungquandev-image-bg

Xin chào tất cả các bạn, tiếp tục series lập trình Nodejs, bài hôm nay của chúng ta nhẹ nhàng và đơn giản thôi. Thiết lập môi trường code và viết chương trình hiển thị  ra dòng chữ “Hello world!” huyền thoại.

“Bài này thuộc bài số 02 trong loạt bài Lập Trình Nodejs.“

Những nội dung có trong bài này:

1. Cài đặt Nodejs.

2. Cài đặt Visual Studio Code.

3. Viết ứng dụng huyền thoại: Hello World.


1. Cài đặt Nodejs.

– Chúng ta sẽ dùng cách đơn giản nhất, mình sử dụng Linux Mint 18.2 tương đương với Ubuntu 16.04, hai hệ điều hành này đều có chứa một phiên bản Nodejs trên kho repo của mình. Phiên bản Nodejs này không phải là bản mới nhất mà là bản ổn định.

* Update apt source: sudo apt-get update

* Cài nodejs + npm: sudo apt install nodejs npm

* Fix lỗi “node no such file or directory” : sudo ln -s "$(which nodejs)" /usr/bin/node

– Để Update Nodejs lên phiên bản mới nhất, chúng ta sử dụng một package có tên là n:

* Xóa cache: sudo npm cache clean -f

* Cài package n ở global: sudo npm install -g n

* Update phiên bản Nodejs: sudo n Nodejs_version

– Nodejs_version ở đây là phiên bản mà bạn muốn update, vì dụ mình muốn update lên phiên bản 10.1.0 thì câu lệnh sẽ là:

sudo n 10.1.0

– Ngoài ra chúng ta cũng có thể update lên phiên bản ổn định mà Nodejs đề xuất, bằng lệnh:

sudo n stable

– Package n này cũng hỗ trợ cho chúng ta chuyển từ phiên bản Nodejs cao về phiên bản Nodejs thấp hơn, ví dụ đang từ 10.1.0 mình muốn chuyển xuống 6.10.0 thì câu lệnh cũng tương tự:

sudo n 6.10.0

  • Kiểm tra lại phiên bản nodejs:

node -v
(không phải là nodejs -v bởi vì ở trên mình đã chạy lệnh sudo ln -s "$(which nodejs)" /usr/bin/node


2. Cài đặt Visual Studio Code.

Cài đặt Visual Studio Code còn đơn giản hơn cả cài Nodejs =)), chỉ cần truy cập vào trang chủ của nó, sau đó chọn tải về gói cài đặt tùy với hệ điều hành và cài bình thường. Mình cũng có một bài viết hướng dẫn chi tiết cách cài đặt ở đây, các bạn có thể tham khảo:

“Cài đặt Visual Studio Code trên Linux (Ubuntu), một Editor khá tiện dụng cho lập trình viên.”

Dưới đây là tóm tắt:

* Truy cập vào trang web https://code.visualstudio.com/ và tải về gói cài đặt .deb.

* Mở terminal đến thư mục chứa file cài đặt vừa tải về, chạy lần lượt 2 lệnh dưới:

sudo dpkg -i tên_file.deb

sudo apt-get install -f

* Có thể hệ điều hành sẽ hỏi mật khẩu, nhập mật khẩu của bạn khi đăng nhập máy vào, đợi 1 lát sẽ cài đặt xong.


3. Viết ứng dụng huyền thoại: Hello World.

– Việc đầu tiên là khởi tạo ứng dụng, mình tạo 1 thư mục để lưu trữ code, và 1 file tên là server.js, cấu trúc như sau:

nodejs-tutorial-01-hello-world

server.js

Tiếp theo mở Terminal đến thư mục nodejs-tutorial-01-hello-world và chạy lệnh khởi tạo nhanh một project node:

npm init -y

Sau khi lệnh trên chạy xong, một file tên là package.json sẽ tự động được tạo, các bạn cứ hiểu file này là file cấu hình của npm, giúp cho npm hiểu nó cần phải cài đặt cái gì, thông tin về ứng dụng, phiên bản, …

– Bây giờ chúng ta sẽ viết code cho file server.js, mình sẽ viết ứng dụng này theo 2 cách để các bạn dễ phân biệt:

* Cách thứ nhất là dùng module http của Nodejs, đây là module được tích hợp sẵn khi cài Nodejs, cũng có thể hiểu đơn giản đây là cách viết Nodejs thuần không sử dụng Framework.

/**
 * Trung Quân
 * https://cv.trungquandev.com
 * May 23, 2018
 */

const http = require('http');

const hostname = 'localhost';
const port = 8017;

const server = http.createServer((req, res) => {
    res.statusCode = 200;
    res.setHeader('Content-Type', 'text/html');
    res.end('<h1>Hello World!</h1><hr>');
});

server.listen(port, hostname, () => {
    console.log(`Hello Trung Quan, I am running at ${ hostname }:${ port }/`);
});

// end

– Để chạy chương trình trên, các bạn cũng đứng từ Terminal như lúc init project và chạy lệnh node server.js hoặc npm start, sau đó mở trình duyệt và gõ localhost:8017/

Kết quả:

nodejs-tutorial-01-hello-world-trungquandev-image-01

* Cách thứ hai là sử dụng Framework Express, một Framework khá phổ biến để xây dựng ứng dụng Nodejs.

Cài đặt Express: npm install express --save

Code:

/**
 * Trung Quân
 * https://cv.trungquandev.com
 * May 23, 2018
 */

const express = require('express');
const app = express();

const hostname = 'localhost';
const port = 8017;

app.get('/', (req, res) => {
    res.send('<h1>Hello World!</h1><hr>');
});

app.listen(port, hostname, () => {
    console.log(`Hello Trung Quan, I am running at ${ hostname }:${ port }/`);
});

// end

– Chạy chương trình tương tự như cách thứ nhất và cho kết quả cũng vậy.

nodejs-tutorial-01-hello-world-trungquandev-image-01


Trên đây là chút kiến thức mình tìm hiểu được, khi xem bài viết thấy có chỗ nào sai sót hy vọng được các bạn comment góp ý. Hẹn gặp lại các bạn ở những bài viết tiếp theo !

Cảm ơn các bạn đã dành chút thời gian xem bài viết của mình!

Best Regards – Trung Quân – Green Cat

Khóa học lập trình làm việc thực tế:

Nếu các bạn thấy bài viết của mình có ích thì hãy ủng hộ mình bằng cách tham khảo bài viết giới thiệu khóa học lập trình MERN Stack Miễn Phí cực kỳ chất lượng và chính chủ dưới đây của mình nhé, cảm ơn các bạn ^^
KHOÁ HỌC LẬP TRÌNH MERN STACK 100% DỰ ÁN THỰC TẾ và CHẤT LƯỢNG
mern-stack-course-trungquandev
helloworld nodejsinstall nodejsnode.jstrungquandev
6 comments
0
FacebookTwitterGoogle +Pinterest
trungquandev

previous post
Một cái nhìn tổng quan nhất về Node.js
next post
“Module” trong Node.js, khái niệm và thực tiễn.

Related Posts

Cấu hình Babel cho một dự án Node.JS...

April 29, 2021

Đào sâu một chút về module Events trong...

September 30, 2018

“Module” trong Node.js, khái niệm và thực tiễn.

June 19, 2018

Series lập trình Node.js

April 8, 2018

Tìm hiểu 3 Modules Built-in trong Node.js: HTTP...

July 23, 2018

Upload file trong Node.js?

March 12, 2019

Upload multiple files trong NodeJS

August 18, 2019

NodeJS triển khai xác thực 2 lớp Two-Factor...

August 17, 2020

Hướng dẫn Loop through Object trong Javascript ES6

December 25, 2019

Gửi nhận email trong NodeJS cực kỳ đơn...

February 20, 2020

Bát Chánh Đạo

batchanhdao-trungquandev

About Me

About Me

Trung Quân

Software Engineer at Pod Foods

Academy Of Cryptography Techniques

"I am a dog and cat lover, love green, love to read books, write blog and oil painting ..."

Read my CV → https://cv.trungquandev.com/

My Maxim Live

A bit of fragrance clings to the hand that gives flowers!

For Vietnamese young generation

Đừng bao giờ làm người khổng lồ trong tư tưởng nhưng chỉ là thằng lùn trong hành động.

Keep in touch

Facebook Instagram Linkedin Youtube Email Github

Fanpage Facebook

Facebook

Học lập trình “MERN Stack Cơ Bản” qua ứng dụng thực tế

mern-stack-trello-app-trungquandev


  Khóa học lập trình MERN Stack (NodeJS, ReactJS, ExpressJS, MongoDB) cực kỳ chất lượng và Miễn Phí do chính mình hướng dẫn nhé:
  MERN Stack - xây dựng ứng dụng quản lý công việc dạng Kanban tương tự Trello.

Học lập trình “MERN Stack Nâng Cao” qua ứng dụng thực tế

mern-stack-advanced-trello-app-trungquandev


  * Học lập trình MERN Stack Nâng Cao (NodeJS, ReactJS, ExpressJS, MongoDB). Đây là một khóa học mà mình đã làm cực kỳ tâm huyết, với phong cách dạy lập trình làm dự án thực tế, chuyên nghiệp. Để các bạn có một hành trang kiến thức vững chắc cho hành trình làm lập trình viên trong tương lai nhé.
  Lập Trình MERN Stack Nâng Cao - Học Thực Tế Để Đi Làm

YouTube: Trungquandev Official

youtube-channel-trungquandev-official


  - Các bạn tham khảo kênh YouTube chính thức của mình và ủng hộ mình bằng cách tặng mình một lượt Đăng Ký Kênh nha.
Cảm ơn các bạn ^^

  YouTube: TRUNGQUANDEV OFFICIAL

© Copyright

Bản quyền:
  © DMCA (Digital Millennium Copyright Act)


DMCA.com Protection Status

License

Giấy phép nội dung:
  Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 Quốc tế.


Giấy phép Creative Commons

Other links

Portfolio của mình:
  https://cv.trungquandev.com

Lập trình cuộc sống:
  https://laptrinhcuocsong.com

Nhiều bài viết hay về javascript:
  https://codetheworld.io

  • Facebook
  • Youtube
  • GitHub
  • Linkedin
  • Instagram

@2022 - trungquandev.com. Since 2016 - All Right Reserved. Developed by Trung Quân Dev