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

May 4, 2020 | Blog | 0 comments

  • 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

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

BÀI VIẾT LIÊN QUAN

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

GỌI NGAY 

098 953 44 58

Nhận tư vấn, định hướng 1-1

Điền và gửi thông tin cá nhân để được tư vấn miễn phí về các chương trình học.

10 + 7 =