Trang chủ » làm thế nào để » Ứng dụng web lũy tiến là gì?

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

    Bạn đã bao giờ muốn các ứng dụng web hoạt động giống như các ứng dụng thực sự chưa? Ứng dụng web tiến bộ là một công nghệ mới nhằm mục đích biến điều đó thành hiện thực.

    Phiên bản ngắn: Ứng dụng web lũy tiến là gì?

    Dưới đây là tóm tắt nhanh: Google, Microsoft, Mozilla và các công ty khác đang làm việc trên một tiêu chuẩn ứng dụng web mới, hiện đại. Ngay cả Apple cũng đang làm theo và thực hiện hỗ trợ cho nó. Các ứng dụng này là các ứng dụng web, nhưng chúng hoạt động giống như các ứng dụng gốc. Giống như các ứng dụng web hiện có, chúng sẽ được lưu trữ trực tiếp trên trang web được liên kết của chúng. Các nhà phát triển có thể cập nhật chúng trực tiếp trên máy chủ web của họ mà không cần gửi các bản cập nhật đó đến một số cửa hàng ứng dụng khác nhau và cùng một ứng dụng sẽ chạy trên tất cả các trình duyệt và nền tảng.

    Khi bạn cài đặt một ứng dụng web lũy tiến, bạn sẽ nhận được một màn hình chính, thanh tác vụ hoặc lối tắt trên màn hình để khởi chạy ứng dụng (tùy thuộc vào nền tảng của bạn). Ứng dụng sẽ tải nhanh và sẽ bao gồm hỗ trợ ngoại tuyến, thông báo đẩy, hỗ trợ đồng bộ hóa nền và các tính năng hiện đại khác.

    Các ứng dụng này cũng có thể sử dụng các công nghệ web hiện có để truy cập dịch vụ định vị, webcam của bạn và các tính năng khác mà chúng tôi thường liên kết với các ứng dụng gốc. Tất nhiên, các ứng dụng phải hỏi bạn và xin phép bạn trước khi truy cập những thứ này.

    Phiên bản kỹ thuật: Chúng hoạt động như thế nào?

    Ứng dụng web lũy tiến là các ứng dụng web truyền thống được cải tiến với các công nghệ web hiện đại, cho phép chúng cung cấp trải nghiệm giống như ứng dụng hơn. Phần tiến bộ của Hồi giáo có nghĩa là họ cải tiến dần dần với các tính năng web hiện đại, nghĩa là chúng cũng sẽ hoạt động trong các trình duyệt cũ không hỗ trợ các tính năng mới, nhưng sẽ hoạt động tốt hơn và có nhiều tính năng hơn trong các trình duyệt hiện đại.

    Các ứng dụng này sẽ có cửa sổ và lối tắt riêng trên thanh tác vụ của bạn (trên Windows 10 và mọi thứ đang chạy Chrome) hoặc một biểu tượng trên màn hình chính của bạn (trên thiết bị Android và điện thoại thông minh khác). Khi bạn mở chúng, chúng sẽ tải nhanh nhờ API Cache và IndexedDB, nơi lưu trữ tài nguyên và dữ liệu của ứng dụng trên thiết bị của bạn, cho phép chúng hoạt động ngay cả khi chúng ngoại tuyến. Các công nghệ như Nhân viên phục vụ và thông báo đẩy sẽ cho phép ứng dụng thực hiện các tác vụ nền như đồng bộ hóa và gửi thông báo cho bạn ngay cả khi chúng không chạy, như ứng dụng gốc. API Fetch giúp ứng dụng yêu cầu dữ liệu nhanh hơn và đơn giản hơn. Họ có tệp Bản kê khai ứng dụng web, cung cấp tên, biểu tượng, tác giả và mô tả được sử dụng khi cài đặt ứng dụng vào màn hình chính hoặc máy tính để bàn của bạn. Chúng luôn được phục vụ thông qua HTTPS được mã hóa, điều đó có nghĩa là chúng an toàn và dữ liệu không thể bị giả mạo trong quá trình vận chuyển.

    Ứng dụng web lũy tiến không giống như Ứng dụng đóng gói Chrome của Google hoặc Ứng dụng web được lưu trữ của Microsoft. Những người yêu cầu ứng dụng phải được đóng gói thành một tập tin và được gửi đến một cửa hàng ứng dụng. Toàn bộ ứng dụng sống trong một gói ngoại tuyến nhỏ và người dùng phải cài đặt nó từ Cửa hàng Chrome trực tuyến hoặc Cửa hàng Windows. Đây cũng là những nền tảng cụ thể và sẽ chỉ hoạt động trên Chrome hoặc Windows. Nhà phát triển đã phải thay đổi các tệp của ứng dụng ngoại tuyến và gửi phiên bản mới tới cửa hàng ứng dụng để cập nhật..

    Thay vào đó, PWAs không bao giờ được đóng gói thành một tệp ngoại tuyến. Giống như các ứng dụng web truyền thống mà chúng ta sử dụng ngày nay, chúng được lưu trữ hoàn toàn trên các máy chủ của ứng dụng. Nếu nhà phát triển muốn cập nhật ứng dụng web lũy tiến của họ, họ sẽ cập nhật chính xác như họ sẽ cập nhật ứng dụng web - trên máy chủ của họ. Tất cả các nền tảng và trình duyệt hỗ trợ PWAs có thể sử dụng cùng một Ứng dụng web lũy tiến.

    PWAs có thể được liệt kê trong các cửa hàng ứng dụng để khám phá và cài đặt dễ dàng hơn, nhưng cửa hàng ứng dụng sẽ chỉ trỏ đến các máy chủ của ứng dụng web. Ngay cả khi ứng dụng không tương thích với chính sách nội dung của cửa hàng ứng dụng, người dùng sẽ có thể tìm và cài đặt ứng dụng trực tiếp từ trình duyệt của họ.

    Tại sao vấn đề này

    Đây không chỉ là về việc làm cho các ứng dụng web đẹp hơn một chút. Đây là về việc đặt ra một tiêu chuẩn mới cho các ứng dụng có thể cài đặt mà mọi nền tảng đều hỗ trợ. Điều đó có thể có nghĩa là một số sự kiện đáng ngạc nhiên trong tương lai gần.

    Ví dụ: khi công việc này hoàn thành, Google có thể cho phép các dịch vụ như Gmail và Lịch Google hoạt động như PWAs. Điều này có nghĩa là chúng sẽ chạy như các ứng dụng kiểu gốc trên Windows 10 và được liệt kê trong Windows Store. Điều này sẽ đi một chặng đường dài để giải quyết vấn đề ứng dụng của Windows Store, vì Google không muốn hỗ trợ Nền tảng Windows phổ quát (UWP) của Microsoft. Các nhà phát triển khác, những người không muốn tạo các ứng dụng UWP riêng biệt sẽ đột nhiên có thể hỗ trợ Windows 10 với PWAs kiểu bản địa.

    Các nhà phát triển sẽ có một cách dễ dàng hơn để làm cho các ứng dụng web của họ hoạt động theo cách tích hợp, mạnh mẽ hơn trên nhiều loại thiết bị mà không cần phải nhảy qua bất kỳ cửa hàng ứng dụng nào. Các ứng dụng web hoạt động ở mọi nơi sẽ có thể cạnh tranh tốt hơn với các ứng dụng gốc hoạt động trên một nền tảng duy nhất. Một công ty chỉ có tài nguyên để tạo một ứng dụng duy nhất có thể tạo PWA và hỗ trợ mọi thứ, thay vì tạo các ứng dụng riêng cho iOS, Android, Windows và web.

    Và, do các nhà phát triển tệp Ứng dụng Web cung cấp, các công cụ tìm kiếm sẽ có thể thu thập dữ liệu trên web và dễ dàng tìm thấy PWAs có sẵn trực tuyến. Điều này sẽ giúp PWAs dễ dàng khám phá, giống như các trang web.

    Chúng được hỗ trợ trên nền tảng nào?

    Các ứng dụng web tiến bộ đã được phát triển một thời gian, nhưng chúng sắp có một bước nhảy vọt lớn hơn trong mắt công chúng.

    Với bản cập nhật tiếp theo của Windows 10 - Bản cập nhật tháng 4 năm 2018, có tên mã Redstone 4, sẽ được phát hành vào ngày 30 tháng 4 - Microsoft đang cho phép hỗ trợ cho PWAs. Giống như trên các nền tảng khác, bạn có thể truy cập trang web của PWA và cài đặt nó thông qua Microsoft Edge. Tuy nhiên, Microsoft cũng sẽ liệt kê các Ứng dụng web lũy tiến trong Cửa hàng để dễ dàng cài đặt. Các nhà phát triển có thể liệt kê các ứng dụng của riêng họ trong Cửa hàng, nhưng Microsoft cũng sẽ sử dụng Bing để tìm PWAs tốt trên web và tự động liệt kê chúng. Họ vẫn sẽ được lưu trữ bình thường trên trang web của họ và được nhà phát triển cập nhật, nhưng Microsoft đang giúp việc tìm và cài đặt chúng dễ dàng hơn. Bạn thậm chí sẽ không cần phải mở trình duyệt Edge để tìm, cài đặt và chạy PWA trên Windows 10. Điều này sẽ giúp tăng số lượng lớn Windows Store, nhưng có vẻ như là tin xấu cho nền tảng ứng dụng UWP của Microsoft. Tại sao nhiều nhà phát triển tạo ra ứng dụng UWP khi PWA sẽ ổn và chạy trên nhiều hệ điều hành?

    Trên Google Chrome - cho dù Windows, Mac, Linux hay Chrome OS - PWAs sắp thay thế nền tảng Ứng dụng Chrome Chrome bị gián đoạn. Google cho biết, hỗ trợ cho việc cài đặt PWAs trên máy tính để bàn sẽ xuất hiện vào giữa năm 2018. Sau đó, những PWA đó sẽ hoạt động với Chrome trên máy tính để bàn. Tính năng này đã được thử nghiệm trong phiên bản phát triển không ổn định của Chrome, có tên là Canary.

    Trên Android, Google Chrome đã hỗ trợ cài đặt PWAs, cũng như các trình duyệt di động khác như Mozilla Firefox, Opera và trình duyệt Samsung. Google đang nghiên cứu một công nghệ có tên WebAPK cho phép PWAs biến thành các tệp APK (tệp ứng dụng Android) và được cài đặt trên thiết bị, giống như các ứng dụng khác. Người quản lý dự án của Chrome đã gợi ý rằng PWAs cũng có thể được thêm vào Cửa hàng Play.

    Mặc dù Apple không phải là người đề xướng hoặc tham gia thanh nhạc tại đây, nhưng giờ đây họ cũng đang thêm các tính năng PWA vào trình duyệt Safari.


    Năm 2018 sẽ là một năm lớn đối với PWAs, đặc biệt là trên Windows 10, nơi họ có thể giúp Microsoft thu hẹp khoảng cách ứng dụng và có nhiều ứng dụng kiểu bản địa hơn.

    Tín dụng hình ảnh: Mitchowo96