Tạo một ứng dụng web tiến bộ có thể được cài đặt và chạy trên mỗi máy khách

môi trường

Studio trực quan

• Visual Studio 2019

.NET ·

• .NET 5,0

Ứng dụng web tiến bộ (PWA) là gì?

Nói một cách đơn giản, đó là một ứng dụng cho phép bạn cài đặt và sử dụng các ứng dụng Web trên từng thiết bị như PC Windows, iPhone hoặc Android.

Thực tế của Blazor WebAssembly là một WebAssembly được tiêu chuẩn hóa, vì vậy việc triển khai ở trên là có thể. Về cơ bản, nó dựa trên ứng dụng Web, nhưng bạn cũng có thể sử dụng các tính năng gốc như thông báo đẩy trong Plus Alpha.

Quy trình cài đặt cho người dùng cũng rất đơn giản, vì chỉ cần truy cập trang đích và nhấn nút cài đặt.

Tạo một Blazor WebAssembly PWA Dự án

Về cơ bản, nó giống như việc tạo một dự án Blazor WebAssembly.

Chỉ cần tạo dự án như bạn thường làm và khi bạn đến màn hình "Thông tin bổ sung" bên dưới, chỉ cần kiểm tra "Ứng dụng web tiến bộ".

Ngoài các tính năng dành riêng cho PWA, việc phát triển Blazor WebAssembly về cơ bản giống như mô hình không có PWA.

Sự khác biệt từ các dự án không phải PWA

Khi bạn tạo một dự án trong PWA, bạn sẽ nhận được thêm một vài tệp.

Ngoài ra, khi bạn mở ,index.html một số mã được thêm vào tham chiếu đến các tệp này.

Dùng thử PWA

Chạy dự án để gỡ lỗi.

Mẫu thực thi hoàn toàn giống với mẫu không có PWA, nhưng khi chạy với PWA, bạn có thể thấy rằng một nút cài đặt đã được thêm vào trình duyệt web.

Khi bạn nhấp vào nó, một xác nhận để cài đặt sẽ được hiển thị, vì vậy tôi sẽ cố gắng cài đặt.

Thao tác này sẽ mở ra một cửa sổ riêng biệt, trong đó bạn có thể chạy ứng dụng Blazor. Nó hoạt động như một ứng dụng khách, không phải trình duyệt web, vì vậy bạn cũng có thể định cấu hình các cài đặt liên quan đến hệ điều hành như trong hình.

Vì nó đã được cài đặt, nó sẽ được đăng ký trong menu bắt đầu như thế này và bạn sẽ có thể khởi động nó.

Tuy nhiên, vì nội dung là một ứng dụng web, nó không thể được sử dụng trừ khi có một máy chủ có thể tải xuống nội dung. Ví dụ: nếu bạn cài đặt nó trong khi chạy gỡ lỗi, bạn không thể sử dụng ứng dụng đã cài đặt trừ khi bạn đã khởi động IIS Express để gỡ lỗi. Cũng lưu ý rằng PWA không thể được cài đặt mà không có kết nối https.

gỡ cài đặt

Quy trình gỡ cài đặt giống như đối với một ứng dụng được cài đặt thông thường. Phương pháp hoạt động phụ thuộc vào nền tảng mục tiêu của cài đặt.

Nhật ký thay đổi

2022/7/13

• Đã thêm giải thích rằng https là bắt buộc để cài đặt PWA.

2022/3/30

• ấn bản đầu tiên