Deploy Web cơ bản với Nginx | Cài đặt và cấu hình Nginx cơ bản trên Ubuntu

👉 Xem Lộ Trình Học: fullstack.edu.vn/learning-paths
👉 Đăng Ký Học Offline Tại F8: short.f8team.dev/dang-ky-hoc-...
Trong video này mình sẽ hướng dẫn các bạn cách triển khai một dự án HTML lên máy chủ, Deploy Web cơ bản với Nginx | Cài đặt và cấu hình Nginx cơ bản trên Ubuntu
#hoclaptrinh #hoclaptrinhmienphi #javascript #reactjs #frontend #backend #devops #ubuntu #linux #f8
-------
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: s.net.vn/D8kL
Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
--------------
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn: fullstack.edu.vn/courses/less...
Xây dựng giao diện với HTML, CSS: fullstack.edu.vn/courses/html...
Xây dựng web responsive: fullstack.edu.vn/courses/resp...
Lập trình Javascript cơ bản: fullstack.edu.vn/courses/java...
Lập trình Javascript nâng cao: fullstack.edu.vn/courses/java...
Làm việc với Terminal & Ubuntu: fullstack.edu.vn/courses/wind...
Xây Dựng Website với ReactJS: fullstack.edu.vn/courses/reactjs
Xây dựng web với Node & Express: fullstack.edu.vn/courses/nodejs
HTML, CSS tips: fullstack.edu.vn/courses/html...
Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu.vn/courses/tool...
Xem thêm tại: fullstack.edu.vn/courses
-------------------------------------
F8 Official
(c) Sơn Đặng
Website: fullstack.edu.vn
Facebook cá nhân: / sondnf8
Nhóm Học Lập Trình Web: / f8official
Email: [e-mail]
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.

[@F8VNOfficial]

Bài sau, anh em sẽ được học cách upload source code lên web server để truy cập được như thế này nhé: f8ubuntu.online/

[@hoangnguyen.parrot]

có link bài sau chưa ad

[@angngoc3543]

am hiểu sâu, trình bày chi tiết và dễ hiểu, đỉnh quá anh ơi

[@kytosai]

Hóng những bài chuyên sâu hơn về linux của anh ^^ !!!

[@nguyenvanchung3940]

Tuyet voi

[@NamLe-fl4sz]

Thanks anh

[@khachieunguyen3450]

em thấy khi tạo ở site-available thì nó sẽ tự động tạo 1 cái giống hệt ở site-enable

[@baluong3033]

Liệu mấy nữa F8 có khoá docker không ạ

[@user-pp1mi1vv5r]

Error: Connection timed out after 20 seconds of inactivity Error: Could not connect to server mình gặp lỗi này khi kết nối bằng FileZilla, mong mọi người chỉ giúp

[@nguyenvan152]

A sơn cho e hỏi nếu e mua hosting thì nhà cung cấp sẽ gởi IP, password để e truy cập vào hosting đúng không a. lúc đó e có thể dung fileware để upload react app trực tiếp lên hosting chứ k cần cài đặt nginx nửa đk ạ.

[@duongital]

Phải cài nginx mới đc bạn. Vì React build ra chỉ là files tĩnh, cần phải có Nginx serve tụi nó.

[@ovuong7945]

Dùng server free có ssh đc kh ạ

[@juhandvan]

A Sơn cho e hỏi với ạ, khi e đã connect đến máy chủ, đang thao tác gõ các dòng lệnh bình thường, sau đó trong tầm khoảng 15p~20p e không có thao tác gì. Sau đó khi e gõ lại thì màn hình terminal trên máy tính cá nhân của e thường bị đơ và không thể làm gì được ngoài tắt đi ạ. Lỗi này là do đâu vậy anh ơi

[@Jufinyan]

tmux ngay và luôn

[@thiinh9289]

Cho e hỏi vậy khi deploy lên server Windows thì làm sao vậy. Không thể tải nginx qua cmd được. Hay mình phải remote trực tiếp vào server sử dụng server như máy tính bình thường và tải file setup Nginx.

[@haaair]

remote thôi

[@TP-kj2sm]

Ai lại chơi phịt thẳng file cấu hình cho site mới vào thư mục site-enabled? Đến lúc muốn offline site ấy thì xoá file đi, bao giờ online thì tạo lại à? =))))))))))))) Người ta phải đặt vào thư mục site-available rồi tạo link từ site-enabled trỏ sang!

[@F8VNOfficial]

Ôi hay quá. Cảm ơn bạn nhé

[@zceaa2875]

@@F8VNOfficial Anh có ra thêm video nhằm nói rõ vấn đề này hơn không ạ? Em cảm ơn anh

[@lehodev]

@@zceaa2875 Bạn có thể hiểu đơn giản là nginx sẽ public các site trong file site-enabled. Nhưng nếu tạo thẳng vào trong site-enabled thì khi muốn ngưng public chúng ta phải xoá folder đó đi, nếu muốn public lại thì phải tạo lại -> tạo trong site-available sau đó link hoặc copy folder đó sang site-enabled, muốn ngưng public thì xoá folder đó bên site-enabled là được.

[@nguyenxuanson4616]

Anh ơi như bài trên em không có tài khoản mật khẩu của máy chủ như anh trên là em k làm được ạ anh

[@F8VNOfficial]

Đúng rồi em ơi, đây là chuỗi bài anh hướng dẫn deploy trong thực tế mà, em cần có tên miền + máy chủ Ubuntu nha, đầu chương anh có hướng dẫn thuê đó

[@thenguyenduong2261]

project của em sử dụng MVC lúc đẩy lên đến đoạn cấu hình Nginx làm Reverse Proxy thì project của em không có file index.html mà chỉ có file index.ejs thôi thí làm thế nào ạ?

[@F8VNOfficial]

Project của em là nodejs hay là làm với công nghệ gì em nhỉ?

[@thenguyenduong2261]

@@F8VNOfficial em dùng node js anh ạ

[@leephan1912]

Lúc e deploy web lên vps mà k dùng Docker. Giờ muốn chuyển nguyên cục (Nginx + MongoDB + NodeJS + PM2) đi sang dịch vụ vps khác thì làm cách nào cho nó nhanh gọn nhất a nhỉ :')

Chắc bạn code trực tiếp trên server nên mới có chuyện này, lúc mới làm mình cũng làm như thế này. Mã nguồn thì bạn nên quản lý riêng. Server chỉ để chạy mã nguồn và lưu dữ liệu thôi. Khi để mã nguồn riêng thì bạn gom lại qua docker rồi triển khai ở máy chủ khác là được. Vừa dễ bảo trì, nâng cấp và dễ triển khai nữa.

[@leephan1912]

@ source code tui để github, server chỉ clone về r chạy thôi chứ đâu code trên server đâu :| chỉ là hơi lười phải đi cài đặt môi trường + setup lại mấy cái tool từ đầu.

[@ngocthiennguyen3318]

@@leephan1912 Tìm hiểu ansible nhé

[@vuongqtvn]

[@quanphamanh957]

Cho em hỏi là lúc client nhâpk một url trên trình duyệt thì nó gửi yêu cầu đến máy chủ DNS để lấy ip máy chủ rồi call đến ip đó. Chứ nó đâu call thẳng server name, vậy nginx nhận đầu vào ntn ạ

[@F8VNOfficial]

Nó call tới IP với headers Host = domain. Nginx dựa vào tham số Host trong headers để xác định server name.

[@quanphamanh957]

@@F8VNOfficial server name đó thay bằng điak chỉ pulic ip có được không ạ

[@atNguyen-jh2th]

em trỏ về localhost được không anh

[@duongital]

Hình như ko. Vì ip máy bạn và con vps là khác nhau.

[@codeformylife]

Deploy backend lên con vps này thì sao a.

[@F8VNOfficial]

Em muốn làm deploy backend với ngôn ngữ nào?

[@codeformylife]

@@F8VNOfficial Nếu Nodejs thì phải tách ra 1 con riêng đúng ko a

[@quanghiep9259]

@@F8VNOfficial e muốn deploy java nữa

[@ngocthiennguyen3318]

@@codeformylife đâu cần thiết, mình còn chơi 2 môi trường develop và staging trên 1 con server luôn kìa.