Ứng dụng web tiến bộ - Tương lai của web hiện đại?

Ngày nay, Ứng dụng web lũy tiến (PWA) là chủ đề bàn tán của thị trấn, chủ yếu nhờ vào khả năng sử dụng tuyệt vời và trải nghiệm người dùng độc đáo của họ. Với các tính năng kết hợp của trang web và ứng dụng gốc, PWAs đang trở thành một tiêu chuẩn cho các ứng dụng web đa thiết bị cho phép các nhà phát triển xây dựng các ứng dụng động tải nhanh không sử dụng khung lai.

Tôi tin rằng Ứng dụng web lũy tiến là tương lai của các trang web - và trong phần sau đây tôi sẽ thảo luận về lợi ích của nó và các trường hợp sử dụng để cung cấp cho bạn toàn bộ bức tranh. Hãy tiếp tục với nó.

Ứng dụng web lũy tiến là gì?

Thuật ngữ “Ứng dụng web lũy tiến” lần đầu tiên được đặt ra bởi Alex Rusell (một nhà phát triển của Google Chrome) và Frances Berriman (một nhà thiết kế). Alex đã chia sẻ ý tưởng của mình về Ứng dụng web lũy tiến “Những ứng dụng này không được đóng gói và triển khai thông qua các cửa hàng, chúng chỉ là trang web đã uống đúng vitamin“.

“Các trang web muốn gửi thông báo cho bạn hoặc ở trên màn hình chính của bạn phải kiếm được quyền đó theo thời gian khi bạn sử dụng chúng ngày càng nhiều. Họ dần dần trở thành “ứng dụng”“, Alex đã viết về sự xuất hiện của PWA. Cuối cùng, anh kết luận., “những ứng dụng này có thể cung cấp một thậm chí trải nghiệm người dùng tốt hơn các ứng dụng web truyền thống“.

Ứng dụng web so với ứng dụng web lũy tiến

Các ứng dụng web, hoặc các ứng dụng web truyền thống, là các ứng dụng phía máy khách chạy trực tiếp trong trình duyệt web. Mặc dù chúng tốt hơn các trang web nhưng chúng có vấn đề. Nếu bạn không biết sự khác biệt giữa ứng dụng web và trang web, ứng dụng web khác với trang web vì ứng dụng web trông giống như ứng dụng gốc.

Điều đó đang được nói, Ứng dụng web lũy tiến là thế hệ tiếp theo của ứng dụng web hoạt động giống như các ứng dụng gốc hơn bằng cách sử dụng các cải tiến riêng của thiết bị. Ví dụ: Ứng dụng web lũy tiến có thể sử dụng các tính năng bản địa như máy ảnh, đèn hiệu, v.v. cùng với các tính năng như bộ đệm ngoại tuyến, thông báo đẩy, v.v..

Tại sao chúng ta cần Ứng dụng web lũy tiến?

Chúng tôi có các ứng dụng gốc, một mặt, nhanh và đáng tin cậy ngay cả trong các tình huống xấu nhất như chậm hoặc không có kết nối. Nhưng sau đó, chúng tôi có các trang web và ứng dụng web, mặt khác, hoạt động chậm và không hoạt động tốt trong điều kiện mạng. Đó là lý do tại sao hầu hết mọi người thích ứng dụng gốc.

Các trang di động tăng tốc (AMP), một dự án được Google khuyến khích, đã được bắt đầu vào năm 2016 để giải quyết các vấn đề kết nối chậm, đặc biệt là trên điện thoại thông minh và cung cấp trải nghiệm người dùng tốt hơn cho người dùng di động. Tuy nhiên, AMP không giải quyết vấn đề không có vấn đề về mạng. Ngoài ra, nó không tăng tốc thời gian tải nhiều như các ứng dụng gốc và một lần nữa, nó có một vài hạn chế để đạt được tốc độ này.

Đó là lý do tại sao chúng ta cần Ứng dụng web lũy tiến. PWAs cung cấp trải nghiệm người dùng tốt nhất có thể trong mạng chậm hoặc không có mạng điều kiện. Ví dụ: PWA có thể hiển thị màn hình tiến trình khi đang tải nội dung hoặc màn hình giật gân khi không có kết nối web tương ứng.

Tại sao các ứng dụng web lũy tiến có ý nghĩa?

Theo quy định của Báo cáo ứng dụng di động Hoa Kỳ năm 2017 của comScore, người dùng ứng dụng chi tiêu gần như 77 phần trăm thời gian của họ trên ba ứng dụng hàng đầu của họ, phần còn lại của các ứng dụng không hoạt động nhưng vẫn chặn tài nguyên hệ thống bao gồm bộ nhớ. Hơn nữa, nó cũng chia sẻ rằng 50 phần trăm người dùng tải xuống ứng dụng 0 mỗi tháng. Thực tế này cho thấy người dùng ngần ngại cài đặt ứng dụng mới và do đó PWA có lợi thế.

Tôi thấy mọi người chủ yếu truy cập các trang web trên máy tính để bàn nhưng thích ứng dụng trên thiết bị di động (ứng dụng bản địa, tất nhiên). Lý do là, máy tính cung cấp nhiều tài nguyên mạng hơn điện thoại thông minh và các ứng dụng tiêu thụ ít tài nguyên hơn so với các trang web đối tác của chúng. Ngoài ra, họ rất nhanh chóng và đáng tin cậy.

Hơn nữa, các ứng dụng gốc có chi phí cao hơn nhiều so với các trang web - nhiều hơn từ năm đến mười lần hoặc nhiều hơn tùy thuộc vào loại dự án. Ngoài ra, chi phí của họ có thể nhân lên nếu có nhu cầu phát triển ứng dụng gốc cho nhiều nền tảng (giả sử Android và iOS) với các cơ sở mã khác nhau. Tuy nhiên, PWA có thể giúp giảm thiểu chi phí phát triển cao như vậy, nhờ sự hỗ trợ của nó cho các nền tảng khác nhau.

Các tính năng ứng dụng web lũy tiến

Ứng dụng web lũy tiến có nhiều tính năng trực tiếp làm cho chúng khác biệt so với các đối tác đơn giản hơn, tức là, ứng dụng web (hoặc đơn giản hơn - trang web):

• Đáp ứng. Hoạt động trên tất cả các thiết bị có kích thước màn hình bất kỳ.
• Ngoại tuyến trước. Tải chậm hoặc không có mạng.
• Cảm giác giống như ứng dụng. Nhìn và tương tác như một ứng dụng gốc.
• Cập nhật. Tự cập nhật, gần như minh bạch.
• An toàn & bảo mật. Sử dụng HTTPS để tải tài nguyên trang.
• Có thể khám phá. Tận dụng nội dung cho các công cụ tìm kiếm.
• Tái tham gia. Tham gia lại, nói sử dụng thông báo.
• Có thể cài đặt. Có thể được đặt trên màn hình chính của bạn.
• Liên kết. Tải các trang giống như ứng dụng, nhưng có URL.

Điều tôi cảm thấy thú vị là, Ứng dụng web lũy tiến không chỉ trông giống như ứng dụng gốc mà còn có truy cập vào các tính năng gốc của thiết bị. Điều đó có nghĩa là PWA có thể chụp ảnh bạn bằng camera của thiết bị. Tuy nhiên, tôi phải chia sẻ rằng nó không có quyền truy cập vào các tính năng hạn chế như vị trí, điện thoại hoặc SMS.

Chú thích: Bạn có thể đọc thêm về các tính năng của nó và các chi tiết khác trong bài viết này.

Tạo ứng dụng web lũy tiến?

Google cung cấp một “Danh sách kiểm tra ứng dụng web lũy tiến” - một danh sách chi tiết để giúp người mới bắt đầu tạo Ứng dụng web lũy tiến. Danh sách không hướng dẫn này chia sẻ các tính năng cần thiết để tạo PWAs - một “Đường cơ sở PWA” và một “PWA gương mẫu”; danh sách trước cho những điều quan trọng cho một ứng dụng cơ bản và sau là cho một ứng dụng nâng cao.

Hơn nữa, có nhiều công cụ khác nhau để hỗ trợ bạn xây dựng PWA. Ví dụ, Ngọn hải đăng là một nguồn mở, miễn phí công cụ để cải thiện một trang web bao gồm kiểm tra chất lượng về khả năng truy cập, hiệu suất và các tính năng PWA. Một công cụ tính năng khác là Workbox, giúp xây dựng ứng dụng với trải nghiệm ngoại tuyến.

Các ứng dụng web tiến bộ có phải là tương lai?

Mặc dù Ứng dụng web lũy tiến có thể không giải quyết được tất cả các sự cố ứng dụng của chúng tôi hoặc thay thế ứng dụng gốc trong một số tương lai gần, nhưng tôi tin rằng nó sẽ đóng một vai trò quan trọng, nhờ lợi ích của nó vượt xa những hạn chế của nó. Và với hầu hết mọi nền tảng lớn bắt đầu hỗ trợ PWAs, không xa chúng ta sẽ thấy chúng ở khắp mọi nơi.

Apple đã giới thiệu các tính năng PWA (API Web) trong Safari 11.1 bao gồm API Beacon, Công nhân dịch vụ, Bản kê khai ứng dụng web, v.v.; do đó sớm đưa PWAs lên iOS nếu chưa có. Google đã hỗ trợ PWAs trong Chrome cho Android và họ cũng đang lên kế hoạch đưa nó lên các nền tảng máy tính để bàn. Microsoft cũng đã thêm hỗ trợ cho PWAs trong Microsoft Edge và cũng sẽ liệt kê chúng trong Microsoft Store.

Bạn nghĩ sao - Ứng dụng web lũy tiến trong tương lai? Hãy cho tôi biết trực tiếp tại @aksinghnet hoặc viết bình luận thông qua phần bình luận bên dưới để để lại phản hồi của bạn.