Trang chủ » Blog » Hướng dẫn deploy angular lên netlify

Hướng dẫn deploy angular lên netlify

bởi CodeGym | 06/12/2023 17:30 | Blog
  • Bài viết này mình sẽ hướng dẫn mọi người deploy ứng dụng angular lên server của netlify
  • Đầu tiên các bạn tạo ứng dụng Angular bằng cách mở terminal và gõ lệnh ng new tên project

  • Các bạn bật cửa sổ terminal của webstorm lên và gõ lệnh ng build

  • Và các bạn vào file .gitignore và xóa dòng /dist

  • Sau đó các bạn vào github tạo một repository mới

  • Sau khi tạo xong các bạn hãy push dự án Angular của mình lên repository này
  • Khi dự án của bạn đã được đưa lên github thì tiếp theo các bạn hãy truy cập vào trang sau https://www.netlify.com/ và dùng tài khoản github của mình để đăng nhập

  • Ngoài ra bạn có thể đăng nhập bằng nhiều cách khác Gitlab, Bitbucket,…
  • Sau đó các bạn click vào new site from git để tạo mới một trang web trên netlify

  • Ở bước tiếp theo chúng ta sẽ tích chọn Github ở phần Continious Deployment

  • Trong giao diện tiếp theo, chúng ta sẽ gõ tên repository vừa tạo ở mục search repo để tìm kiếm repository đó

deploy angular lên netlify

  • Ở giao diện tiếp theo các bạn chọn branch mình muốn deploy

deploy angular lên netlify

  • Ở phần Build command thì các bạn viết lệnh ng build và ở mục publish directory các bạn viết lệnh dist/tên dự án sau đó nhấn deploy site

deploy angular lên netlify

  • Đây là kết quả sau khi dự án của bạn deploy thành công

deploy angular lên netlify

 

Author: Nguyễn Minh Quân

Đăng ký nhận bộ tài liệu kỹ năng dành cho lập trình viên (video hướng dẫn + slide) tại đây

Tìm hiểu thêm về mô hình Coding Bootcamp tại đây

Download - Giáo trình thuật toán

14 + 2 =

Tags:

0 Lời bình

Gửi Lời bình

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

BÀI VIẾT LIÊN QUAN

BẠN MUỐN HỌC LẬP TRÌNH?

GỌI NGAY

098 953 44 58

Đăng ký tư vấn lộ trình học lập trình

Đăng ký tư vấn, định hướng lộ trình học và giải đáp các thắc mắc về ngành nghề – Miễn phí – Online.

12 + 5 =

TƯ VẤN VỀ LỘ TRÌNH HỌC NGHỀ LẬP TRÌNH TẠI CODEGYM
TƯ VẤN VỀ LỘ TRÌNH HỌC NGHỀ LẬP TRÌNH TẠI CODEGYM