Progressive Web Apps là gì?
Progressive Web Apps
2
White

Võ Nhật Nam viết ngày 23/12/2016

Giới Thiệu

Progressive Web Apps là kết hợp tốt nhất của web và tốt nhất của ứng dụng. Khi người sử dụng ứng dụng theo thời gian, nó càng trở nên mạnh mẽ hơn. PWA tải một cách nhanh chóng, thậm chí trên mạng không ổn định, gửi thông báo đẩy có liên quan, có một biểu tượng trên màn hình chủ, và tải trọng như một cấp cao nhất, đầy đủ kinh nghiệm màn hình.

Các bạn sẽ thấy tính năng này khi sử dụng Facebook trên Desktop và đăng ký thông báo của Facebook.

Progressive Web Apps

Tại sao sử dụng Progressive Web Apps ?

  • Giúp web có những tính năng tương tự như một app thật thụ: trong điện thoại di động, người dùng dành nhiều thời gian trong các App, chứ không phải là web. Chỉ có 13% thời gian điện thoại di động của người sử dụng là trên web di động, và 87% chi tiêu trong App trong năm ngoái. App có một số tính năng tương tác lại với tuyệt vời - như biểu tượng Màn hình làm cho nó dễ dàng để có được trở lại các ứng dụng, và thông báo rằng kết nối người dùng trở lại ngay cả khi ứng dụng được đóng lại.
  • Tải nhanh: áp dụng cơ chế cache, offline
  • Nhận thông báo ngay cả khi ứng dụng web của bạn hiện không chạy, và trình duyệt thậm chí không mở

Progressive Web Apps notifications

Progressive Web App là gì?

  • Tiến bộ (Progressive) - Làm việc cho mỗi người dùng, bất kể sự lựa chọn trình duyệt vì nó được xây dựng với tăng cường tiến bộ như một nguyên lý cốt lõi.
  • Responsive - Phù hợp với bất kỳ: máy tính để bàn, điện thoại di động, máy tính bảng hay bất cứ thiết bị thông minh.
  • Khả năng kết nối độc lập (Connectivity independent) - Tăng cường với nhân viên dịch vụ làm việc offline hoặc trên mạng chất lượng thấp.
  • App-like - Như một ứng dụng để người dùng tương tác với các ứng dụng theo phong cách và điều hướng vì nó được xây dựng trên mô hình app shell.
  • Làm mới (Fresh) - Luôn luôn cập nhật lên nhờ dịch vụ quá trình cập nhật thông qua service
  • An toàn (Safe) -Sử dụng HTTPS để ngăn chặn snooping và đảm bảo nội dung đã không bị giả mạo.
  • Có thể phát hiện (Discoverable) -  là nhận biết như một "ứng dụng" nhờ W3C đăng ký kê khai và dịch vụ, cho phép công cụ tìm kiếm để tìm thấy nó.
  • Re-engageable - Làm cam kết lại dễ dàng thông qua các tính năng như đẩy thông báo.
  • Cài đặt (Installable) - Cho phép người dùng để "giữ" ứng dụng mà họ thấy hữu ích nhất trên màn hình chủ của họ mà không có sự rắc rối của một cửa hàng ứng dụng.
  • Linkable - Dễ dàng chia sẻ thông qua URL, không cần cài đặt phức tạp.

Bạn sẽ học được những gì

  • Làm thế nào để thiết kế và xây dựng một ứng dụng bằng cách sử dụng phương pháp "app sell"
  • Làm thế nào để làm cho ứng dụng của bạn làm việc offline
  • Làm thế nào để lưu trữ dữ liệu để sử dụng offline sau này

Bạn cần những cái gì

  • Chrome 52 or above
  • Web Server for Chrome, hoặc máy chủ web riêng của bạn 
  • Code mẫu
  • Phần mền cho phép soạn thảo
  • Có kiến thức cơ bản về HTML, CSS, JavaScript, và Chrome DevTools

Bài viết gốc http://www.mastercode.vn/blog/web-development/progressive-web-apps-la-gi.40

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

Võ Nhật Nam

8 bài viết.
5 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
8 3
Firebase là một nền tảng di động giúp bạn nhanh chóng phát triển các ứng dụng chất lượng cao, phát triển ứng dụng cho người dùng lớn, và kiếm được ...
Võ Nhật Nam viết 1 năm trước
8 3
White
4 0
Tìm hiểu Facebook Instant Articles là gì? Instant Articles là một trong những công cụ được Facebook xây dựng để khắc phục các vấn đề về tốc độ loa...
Võ Nhật Nam viết 1 năm trước
4 0
White
3 0
Việc tích hợp Google Analytic vào trang quản trị giúp việc quản lý và xem các thống kê và lượng truy cập, người dùng và hành vi trở nên dễ dàng và ...
Võ Nhật Nam viết 1 năm trước
3 0
Bài viết liên quan
White
3 0
Xin chào các bạn Không biết các bạn đã từng nghe về Offline Web App chưa? Có thể bạn đã biết hoặc chưa. Hiểu một cách đơn giản, Offline Web App là ...
Lam Pham viết 18 ngày trước
3 0
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
8 bài viết.
5 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!