Ứ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 cải tiến dần để mang đến cho người dùng trải nghiệm đáng tin cậy hơn, sử dụng các tính năng mới để mang đến trải nghiệm tích hợp hơn và có thể được cài đặt. Và vì là một ứng dụng web, nên ứng dụng này có thể tiếp cận mọi người, ở bất cứ đâu, trên mọi thiết bị, tất cả đều chỉ bằng một cơ sở mã duy nhất. Sau khi cài đặt, PWA sẽ trông giống như mọi ứng dụng khác, cụ thể:

  • Ứng dụng này có biểu tượng trên màn hình chính, trình chạy ứng dụng, bảng chạy hoặc trình đơn khởi động.
  • Thẻ này xuất hiện khi bạn tìm kiếm ứng dụng trên thiết bị.
  • Cửa sổ 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 truy cập vào các cấp độ tích hợ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 tuyệt vời. Việc kết hợp 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à thực tế là không có công ty nào kiểm soát thông số kỹ thuật hoặc cách triển khai của Android, khiến Android trở thành một nền tảng mạnh mẽ để phân phối phần mềm.

Khi 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ẻ nội dung bạn tìm thấy với bất kỳ ai, ở bất cứ đâ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 với trang web đó có thể là tạm thời hoặc vĩnh viễn tuỳ theo ý bạn.

Ứng dụng web có thể tiếp cận mọi người, ở bất cứ đâu, trên mọi thiết bị bằng một cơ sở mã duy nhất. Đối với nhà phát triển, web cũng cung cấp một cơ chế triển khai minh bạch và đơn giản. Không cần phải đóng gói, không cần xem xét thêm nội dung 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 truy cập vào ứ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 không có mạng, một rào cản 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à phong phú và đáng tin cậy. Các tiện ích này luôn xuất hiện trên màn hình chính, thanh dock và thanh tác vụ. Các ứng dụng này hoạt động bất kể kết nối mạng và khởi chạy trong trải nghiệm độc lập của riêng chúng. Các ứng dụng này 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, cũng như 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 các bài hát được liệt kê trên màn hình chính hoặc điều khiển chế độ phát nội dung nghe nhìn trong khi đang ở 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à chú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à chúng không tương thích với nhiều nền tảng và thiết bị. Vì vậy, không dễ dàng (nếu có thể) 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.

Kết hợp những ưu điểm của cả hai giải pháp

Nếu bạn nghĩ về ứng dụng nền tảng và ứng dụng web theo khả năng và phạm vi tiếp cận, thì ứng dụng nền tảng thể hiện khả năng tốt nhất, còn ứng dụng web thể hiện phạm vi tiếp cận tốt nhất. Ứng dụng web tiến bộ nằm ở giao điểm giữa các chức năng của ứng dụng nền tảng và phạm vi tiếp cận của ứng dụng web. Ứng dụng web tiến bộ bao gồm các tính năng của cả hai nền tảng.

Web

  • Khả năng liên kết
  • Có thể truy cập theo mặc định
  • Phổ biến
  • Dễ 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ể dùng khi không có mạng
  • Hiệu suất cao
  • Tích hợp thiết bị
  • Phiên bản độc lập
  • Biểu tượng đã cài đặt
  • Phong phú và đáng tin cậy

Việc sử dụng có nhiều lợi ích

Hulu, một dịch vụ truyền trực tuyến video ở Hoa Kỳ, đã tạo phiên bản Ứng dụng web tiến bộ để thay thế các ứng dụng máy tính để bàn có điểm xếp hạng thấp và tỷ lệ sử dụng thấp. 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ó của họ trong vòng hai tuần.

Trong vòng 5 tháng, 96% người dùng ứng dụng cũ đã sử dụng PWA, với số lượt truy cập quay lại tăng 27% và mức độ tương tác tăng 5,5%. Vì nằm trong trình chạy và trên thanh tác vụ, nên người dùng có thể dễ dàng quay lại PWA hơn so với khi PWA 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ề mạng cho PWA của họ. Với trải nghiệm nâng cao này, họ đã tăng tỷ lệ chuyển đổi tổng thể trên thiết bị di động thêm 53%, 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 tương thích với máy tính, ngay trong trình duyệt, hỗ trợ 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 cao hơn 9% khi sử dụng PWA so với người dùng ứng dụng dành cho máy tính thông thường, đồng thời 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 để bàn, phục vụ hàng chục nghìn người dùng đang hoạt động hằng ngày, những người cần phần mềm minh hoạ vectơ phong phú, giá cả phải chăng và dễ tiếp cận. Kể từ khi thêm PWA làm tuỳ 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 31% số người dùng lặp lại nhiều hơn và người dùng PWA có khả năng mua Gravit Designer PRO cao hơn 2,5 lần so với các nền tảng và lựa chọn cài đặt khác.

Phát trực tuyến – yếu tố thay đổi cuộc chơi

Một ví dụ tuyệt vời về sức mạnh của Ứng dụng web tiến bộ là ngành nền tảng phát 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ỉ trên một trình duyệt hoặc cài đặt ứng dụng web tiến bộ (PWA): iPhone, Android, iPad, máy tính xách tay, 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 như gốc trên tất cả các nền tảng nhờ các công nghệ web như WebRTC, WebAssembly và API GamePad.

Thử thách

Sau khi tìm hiểu các lợi ích của việc sử dụng nền tảng web để phát hành PWA, bạn cũng cần lưu ý đến những thách thức mà bạn 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ị, họ sở hữu iOS, iPadOS, macOS và Safari. Mặc dù Apple chưa bao giờ sử dụng thuật ngữ PWA công khai, nhưng họ đã hỗ trợ các công nghệ để tạo một PWA có thể cài đặt và có thể dùng khi không có mạng từ năm 2018 trên Safari cho iPhone và iPad.

Tuy nhiên, việc triển khai thông số kỹ thuật PWA của Apple thiếu 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 chạy bằng công cụ Chromium.

Ở giữa, chúng ta cũng có Firefox và công cụ Gecko 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 khả năng cài đặt hơn trên máy tính.

Các hạn chế bao gồm việc 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á lượt 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 để có trải nghiệm ứng dụng. Ngoài ra, còn có một số lỗi với các tính năng đã triển khai.

Giống như 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 trình duyệt hoặc hệ điều hành mới lớn đượ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 một tính năng không dùng được.

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

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

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

Thách thức cài đặt sẽ quan trọng hơn trên một số nền tảng, chẳng hạn như iOS và iPadOS, và đôi khi các nhà thiết kế trải nghiệm người dùng đưa vào 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ụ đang 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 có web; bạn không cần nền tảng 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 đang nghĩ đến các khả năng vượt qua ranh giới của trình duyệt và ngữ cảnh chỉ trực tuyến: cài đặt biểu tượng và hỗ trợ ngoại tuyến.

Ngoài tính năng hỗ trợ nền tảng web cổ điển, hãy kiểm tra tính 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à 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 lấy từ StatCounter và Can I Use.

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

Trong thế giới của các thiết bị đa yếu tố, thật khó để biết thiết bị máy tính là gì nữa. Tuy nhiên, ít nhất là theo quan điểm về hệ điều hành, các trình duyệt và cửa hàng này tương thích với tính năng cài đặt PWA và 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 (từ phiên bản 72), Cửa hàng Play (từ phiên bản 85)
macOS, Linux và Windows 7 và 8.x
Google Chrome (từ phiên bản 73), Microsoft Edge

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

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

Nói về điện thoại di động và máy tính bảng, bạn có thể cài đặt Ứng dụng web tiến bộ có chức năng ngoại tuyến bằng các trình duyệt và cửa hàng ứng dụng sau:

iOS và iPadOS
Các trình duyệt của bên thứ ba (kể từ iOS/iPadOS 16.4), Safari (kể từ iOS 11.3), AppStore (kể từ iOS/iPadOS 14, có 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, iframe của Managed Play dành cho hoạt động phân phối dành cho doanh nghiệp.

Trong video sau, người dùng cài đặt một PWA từ trình duyệt trên thiết bị di động bằng hộp thoại trình duyệt và cũng 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 cũng 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, trong đó có:

  • 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ị có các giới hạn cụ thể. Khả 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 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 đã triển khai.

Tài nguyên