Ứng dụng web tiến bộ

Ứng dụng web tiến bộ (PWA) là một ứng dụng web sử dụng tính năng nâng cao tăng dần để mang lại cho người dùng trải nghiệm đáng tin cậy hơn, dùng các tính năng mới để mang lại trải nghiệm tích hợp hơn và có thể cài đặt được. Do là một ứng dụng web nên ứng dụng này có thể tiếp cận mọi người, mọi nơi, trên mọi thiết bị, tất cả chỉ bằng một cơ sở mã duy nhất. Sau khi cài đặt, PWA trông giống như mọi ứng dụng khác, cụ thể là:

  • Có một biểu tượng trên màn hình chính, trình chạy ứng dụng, bàn khởi chạy hoặc trình đơn bắt đầu.
  • Cửa sổ này xuất hiện khi bạn tìm kiếm ứng dụng trên thiết bị.
  • Nút này sẽ mở trong một cửa sổ độc lập, hoàn toàn tách biệt với giao diện người dùng của trình duyệt.
  • Ứng dụng này có quyền tích hợp ở các cấp độ cao hơn với hệ điều hành, chẳng hạn như xử lý URL hoặc tuỳ chỉnh thanh tiêu đề.
  • Không cần mạng.

Nền tảng web

Web là một nền tảng đáng kinh ngạc. Với sự kết hợp giữa tính phổ quát trên các thiết bị và hệ điều hành, mô hình bảo mật tập trung vào người dùng và trên thực tế, việc không có một công ty nào kiểm soát thông số kỹ thuật hoặc cách triển khai đã khiến nó trở thành một nền tảng mạnh mẽ để phân phối phần mềm.

Được kết hợp với khả năng liên kết vốn có của web, bạn có thể tìm kiếm trên web và chia sẻ những gì bạn tìm thấy với bất kỳ ai, ở bất kỳ nơi đâu. Bất cứ khi nào bạn truy cập vào một trang web, đó là phiên bản mới nhất mà nhà xuất bản đã triển khai và trải nghiệm của bạn trên trang web đó có thể là tạm thời hoặc lâu dài tùy thích.

Các ứng dụng web có thể tiếp cận mọi người, mọi nơi, trên mọi thiết bị chỉ bằng một cơ sở mã duy nhất. Đối với các nhà phát triển, web cũng cung cấp cơ chế triển khai minh bạch và dễ hiểu. Bạn không cần phải đóng gói, không xem xét nội dung bổ sung hay trì hoãn việc cập nhật. Người dùng luôn nhận được phiên bản mới nhất khi họ truy cập ứng dụng của bạn. Với các tính năng và kỹ thuật mới, ứng dụng web hiện có thể cho phép bạn tương tác hoặc xem nội dung ngay cả khi ngoại tuyến, một trở ngại không thể vượt qua được vài năm trước.

Ứng dụng dành riêng cho nền tảng

Các ứng dụng dành riêng cho nền tảng, trên cả thiết bị di động và máy tính, được biết đến là ứng dụng phong phú và đáng tin cậy. Các tiện ích này luôn có mặt trên màn hình chính, đế sạc và thanh tác vụ. Các ứng dụng này hoạt động bất kể kết nối mạng là gì và khởi chạy trong trải nghiệm độc lập của riêng mình. Họ có thể đọc và ghi tệp từ hệ thống tệp cục bộ, truy cập phần cứng được kết nối qua USB, nối tiếp hoặc Bluetooth và tương tác với dữ liệu được lưu trữ trên thiết bị của bạn, chẳng hạn như danh bạ và sự kiện trên lịch. Trong các ứng dụng dành riêng cho nền tảng, bạn có thể chụp ảnh, phát bài hát trên màn hình chính hoặc điều khiển chế độ phát nội dung nghe nhìn khi đang dùng một ứng dụng khác. Các ứng dụng này giống như một phần của thiết bị mà ứng dụng chạy trên đó.

Một thách thức đối với các ứng dụng dành riêng cho nền tảng là các ứng dụng đó không tương thích với nhiều nền tảng và thiết bị. Vì vậy, việc di chuyển một ứng dụng Android sang iOS, iOS sang Windows hoặc ChromeOS mà không tạo một ứng dụng mới từ đầu cũng không dễ dàng.

Mang đến những điều tuyệt vời nhất của cả hai thế giới

Nếu bạn nghĩ về ứng dụng nền tảng và ứng dụng web về khả năng và phạm vi tiếp cận, thì ứng dụng nền tảng là những khả năng tốt nhất, trong khi ứng dụng web là ứng dụng có phạm vi tiếp cận cao nhất. Ứng dụng web tiến bộ là điểm giao thoa giữa khả năng của ứng dụng nền tảng và khả năng tiếp cận của ứng dụng web. Progressive Web App bao gồm các tính năng của cả hai thế giới.

Web

  • Khả năng liên kết
  • Có thể truy cập theo mặc định
  • Phổ biến
  • Dễ dàng triển khai
  • Dễ cập nhật
  • Mọi người đều có thể xuất bản

Ứng dụng nền tảng

  • Có thể sử dụng ngoại tuyến
  • Hiệu suất cao
  • Tích hợp thiết bị
  • Trải nghiệm độc lập
  • Biểu tượng đã cài đặt
  • Phong phú và đáng tin cậy

Việc áp dụng có những lợi ích nhất định

Hulu, một dịch vụ phát video trực tuyến ở Hoa Kỳ, đã tạo ra một phiên bản Progressive Web App cho trải nghiệm của họ để thay thế các ứng dụng dành cho máy tính đã được người dùng đánh giá kém và sử dụng kém. Như đã chia sẻ tại Google I/O 2019, một nhà phát triển có thể nghiên cứu và triển khai trải nghiệm này từ ứng dụng web hiện có trong vòng 2 tuần.

Trong vòng 5 tháng, 96% người dùng ứng dụng cũ của họ đã sử dụng PWA, với số lượt truy cập cũ tăng 27% và mức độ tương tác tăng 5,5%. Vì PWA nằm trong trình chạy và trên thanh tác vụ, nên PWA sẽ dễ dàng quay lại hơn so với khi chúng chỉ nằm trong một thẻ.

JD.ID, một nền tảng thương mại điện tử ở Indonesia cung cấp dịch vụ giao hàng cho nhiều sản phẩm, muốn mở rộng sự hiện diện trực tuyến của mình bằng cách tập trung vào hiệu suất và trải nghiệm vững chắc, độc lập với mạng cho PWA của họ. Nhờ trải nghiệm nâng cao này, họ đã tăng tổng tỷ lệ chuyển đổi trên thiết bị di động thêm 53%, tăng 200% đối với người dùng đã cài đặt và tăng số người dùng hoạt động hằng ngày thêm 26%.

Clipchamp là một trình chỉnh sửa video trực tuyến trên máy tính, ngay trong trình duyệt, giúp mọi người kể những câu chuyện đáng chia sẻ qua video. Họ nhận thấy tỷ lệ giữ chân người dùng bằng PWA cao hơn 9% so với người dùng ứng dụng thông thường dành cho máy tính và nhận thấy số lượt cài đặt PWA tăng với tốc độ 97% mỗi tháng trong 5 tháng đầu tiên ra mắt.

Gravit Designer của Corel Corporation là một công cụ thiết kế vectơ mạnh mẽ, dành cho máy tính, phục vụ hàng chục nghìn người dùng hoạt động hằng ngày yêu cầu phần mềm minh hoạ vectơ phong phú, giá cả phải chăng. Kể từ khi thêm PWA làm lựa chọn cài đặt cho người dùng, họ nhận thấy người dùng PWA hoạt động nhiều hơn 24%, PWA chiếm số người dùng lặp lại nhiều hơn 31% và người dùng PWA có khả năng mua Gravit Designer PRO cao gấp 2,5 lần so với các nền tảng và lựa chọn cài đặt khác.

Yếu tố thay đổi cuộc chơi trực tuyến

Một ví dụ điển hình về sức mạnh của Ứng dụng web tiến bộ là ngành nền tảng truyền trực tuyến, bao gồm cả trò chơi trên đám mây và điện toán từ xa. Kể từ năm 2021, hầu hết các nhà cung cấp trò chơi trên đám mây đều đã ra mắt Ứng dụng web tiến bộ, cho phép bạn chơi trò chơi trên máy chơi trò chơi trên mọi thiết bị và chỉ bằng trình duyệt hoặc cài đặt PWA: iPhone, Android, iPad, máy tính xách tay, máy Mac hoặc máy tính. Amazon Luna, Microsoft Xbox Cloud Gaming, Facebook Gaming, Google Stadia, Nvidia GeForce Now và BlueStacks X cung cấp các giải pháp trò chơi trên đám mây qua trình duyệt dưới dạng PWA. Tất cả đều mang lại trải nghiệm tuyệt vời với hiệu suất gần giống với hiệu suất gốc trên tất cả nền tảng nhờ các công nghệ web như WebRTC, WebAssembly và GamePad API.

Thử thách

Sau khi đã trình bày các lợi thế của việc sử dụng nền tảng web để phát hành PWA, bạn cũng cần phải hiểu rõ những thách thức mà mình có thể gặp phải.

Khả năng tương thích trên nhiều trình duyệt

Apple là một công ty quan trọng đối với thế giới đa thiết bị, sở hữu iOS, iPadOS, macOS và Safari. Mặc dù Apple chưa từng sử dụng thuật ngữ PWA công khai, nhưng kể từ năm 2018, họ đã hỗ trợ các công nghệ để tạo ra một PWA có thể cài đặt và sử dụng được khi không có mạng trên Safari cho iPhone và iPad.

Tuy nhiên, việc Apple triển khai thông số kỹ thuật PWA sẽ bỏ lỡ nhiều tính năng mà các trình duyệt khác có, đặc biệt là các trình duyệt sử dụng công cụ Chromium.

Ở giữa, chúng ta cũng có Firefox và công cụ Gecko của Firefox với các phương thức triển khai bao gồm nhiều thông số kỹ thuật PWA hơn trên Android và ít tính năng cài đặt hơn trên máy tính.

Các hạn chế bao gồm thiếu thông báo đẩy, API tích hợp (chẳng hạn như Web Bluetooth hoặc WebNFC) và các kỹ thuật quảng bá cài đặt giúp người dùng biết rằng họ có thể cài đặt trang web hiện tại để trải nghiệm ứng dụng. Ngoài ra, một số lỗi với các tính năng đã được triển khai.

Tương tự như với mọi hoạt động phát triển web, bạn bắt buộc phải kiểm thử trải nghiệm trên mọi nền tảng khi phát hành PWA và khi một phiên bản hệ điều hành hoặc trình duyệt quan trọng mới được phát hành. Bạn phải luôn cung cấp các giải pháp dự phòng hoặc trải nghiệm thay thế khi không có sẵn một tính năng.

Mức độ nhận biết về PWA

Là nhà phát triển PWA, bạn có thể gặp phải vấn đề về mức độ nhận biết, cả về mặt kinh doanh và người dùng. Một số chủ doanh nghiệp sẽ không biết về PWA hoặc sẽ hiểu sai về sức mạnh và những thách thức của Ứng dụng web tiến bộ.

Khi phát hành PWA, thách thức tiếp theo bạn cần làm là đảm bảo người dùng hiểu rằng trang web này có thể cài đặt, dẫn đến trải nghiệm ứng dụng cần cài đặt.

Thách thức trong việc cài đặt càng quan trọng trên một số nền tảng, chẳng hạn như iOS và iPadOS, và đôi khi, nhà thiết kế trải nghiệm người dùng sẽ đưa ra các màn hình giải thích cho người dùng cách cài đặt ứng dụng.

Khả năng tương thích

Bạn cần nhớ rằng Ứng dụng web tiến bộ chỉ là một ứng dụng web, vì vậy, nội dung và dịch vụ phải chạy trên các thông số kỹ thuật và giao thức tiêu chuẩn. Do đó, về mặt kỹ thuật, PWA chạy ở mọi nơi web chạy; bạn không cần nền tảng này phải tương thích với bất kỳ "thông số kỹ thuật PWA" nào.

Tuy nhiên, khi nói về PWA và khả năng tương thích, thông thường, chúng ta nghĩ đến khả năng vượt qua ranh giới của trình duyệt và bối cảnh chỉ trực tuyến: cài đặt biểu tượng và hỗ trợ ngoại tuyến.

Ngoài khả năng hỗ trợ nền tảng web kiểu cũ, hãy xem khả năng hỗ trợ chức năng cơ bản của ứng dụng, chẳng hạn như cài đặt biểu tượng và các chức năng ngoại tuyến.

    97 %

    Trình duyệt có thể dùng khi không có mạng

    88 %

    Người dùng web có thể cài đặt PWA

Dữ liệu do StatCounter và tôi có thể sử dụng cung cấp.

Máy tính để bàn và máy tính xách tay

Trong thế giới có nhiều thiết bị, thật khó để biết thiết bị máy tính là gì nữa. Tuy nhiên, ít nhất theo quan điểm của hệ điều hành, các trình duyệt và cửa hàng này vẫn tương thích với việc cài đặt PWA và các chức năng ngoại tuyến:

Windows 10 và 11
Google Chrome (từ phiên bản 73), Microsoft Edge (từ phiên bản 79), Microsoft Store
ChromeOS
trình duyệt Chrome tích hợp sẵn (từ phiên bản 72), Cửa hàng Play (từ phiên bản 85)
macOS, Linux, Windows 7 và 8.x
Google Chrome (từ phiên bản 73), Microsoft Edge

Trong video sau đây, người dùng cài đặt một PWA qua trình duyệt trên máy tính, sau đó truy cập vào PWA như mọi ứng dụng khác thông qua cửa sổ độc lập.

Các thiết bị di động

Đối với điện thoại di động và máy tính bảng, Progressive Web App có thể cài đặt với các tính năng ngoại tuyến thông qua các trình duyệt và cửa hàng ứng dụng sau:

iOS và iPadOS
Safari (kể từ iOS 11.3), AppStore (kể từ iOS/iPadOS 14, với một số hạn chế), cấu hình thiết bị di động để phân phối cho doanh nghiệp.
Android
Firefox, Google Chrome, Samsung Internet, Microsoft Edge, Opera, Brave, Trình duyệt Huawei, Baidu, UCWeb, Cửa hàng Play (từ phiên bản 72 đã cài đặt Google Chrome hoặc các trình duyệt tương thích với TWA), Galaxy Store, Managed iframe cho hoạt động phân phối dành cho doanh nghiệp.

Trong video sau đây, người dùng cài đặt PWA từ trình duyệt trên thiết bị di động bằng hộp thoại trình duyệt, đồng thời sử dụng trình đơn Thêm vào màn hình chính.

Thiết bị khác

Một số thiết bị nhỏ khác hỗ trợ PWA, chẳng hạn như máy chơi trò chơi (Xbox có Microsoft Store) hoặc thiết bị XR (Microsoft Hololens, kế hoạch cho Oculus của Facebook). Tuy nhiên, các thiết bị còn lại có trình duyệt thường không chấp nhận PWA, bao gồm:

  • Máy chơi trò chơi
  • TV thông minh
  • Đồng hồ thông minh
  • Ô tô

PWA sẽ luôn hoạt động trong trình duyệt của tất cả thiết bị theo các giới hạn cụ thể. Chức năng này hoạt động trên nhiều thiết bị, cho phép bạn tạo hành trình trên nhiều thiết bị, trong đó người dùng có thể bắt đầu một nhiệm vụ trên một thiết bị và hoàn thành nhiệm vụ đó trên một thiết bị khác, với dữ liệu được đồng bộ hoá trên các thiết bị đó, với cùng một ứng dụng được triển khai.

Tài nguyên