PWA and GITHUB PAGES (Updating)

PWA and GITHUB PAGES (Updating)

2019, Nov 27    

Giới thiệu

Về PWA mình đã có 2 bài viết cũ giới thiệu sơ qua nó và những lợi ích vượt trội của nó kế thừa từ cả webapp Ngày hôm nay, mình sẽ hướng dẫn mọi người áp dụng PWA vào chính portfolio github của chính bản thân mình

Các yêu cầu cần triển khai với GITHUB PAGES

Khi đưa vào sử dụng cho GITHUB PAGES thì chúng ta sẽ chú trọng đến 3 mục tiêu cơ bản:

- có thể sử dụng offline
- có thể link như một app
- có thể push notification

Cách triển khai PWA vào hệ thống GITHUB PAGES

1) Có thể sử dụng offline

Theo như các bài trước chúng ta biết cơ chế offline của PWA là được vận hành bởi service worker

Vậy làm sao để cấy service worker vào github pages

Trải nghiệm

Kết luận

Sau khi được trải nghiệm qua PWA, tôi tin chắc các bạn làm Web Developer đã có thêm một sự lựa chọn tuyệt vời để gia tăng trải nghiệm người dùng hỗ trợ trên Mobile, vô cùng đơn giản và đầy hiệu quả phải không nào ^_^

Ở bài tiếp theo, chúng ta sẽ thử tự tạo một bản PWA của riêng mình nha ^_^

Reference:

Các bạn muốn góp ý hay trao đổi gì xin hãy commen ở phần bên dưới nhé ^_^

Thankyou and See you