Δημιουργήστε μια προοδευτική εφαρμογή web που μπορεί να εγκατασταθεί και να εκτελεστεί σε κάθε πρόγραμμα-πελάτη

περιβάλλον

Οπτικό στούντιο

• Visual Studio 2019

.NET

• .ΝΕΤ 5.0

Τι είναι μια προοδευτική εφαρμογή ιστού (PWA);

Με απλά λόγια, είναι μια εφαρμογή που σας επιτρέπει να εγκαταστήσετε και να χρησιμοποιήσετε εφαρμογές Web σε κάθε συσκευή, όπως υπολογιστή με Windows, iPhone ή Android.

Η πραγματικότητα του Blazor WebAssembly είναι ένα τυποποιημένο WebAssembly το ίδιο, οπότε η παραπάνω υλοποίηση είναι δυνατή. Βασικά βασίζεται σε εφαρμογές Web, αλλά μπορείτε επίσης να χρησιμοποιήσετε εγγενείς λειτουργίες όπως ειδοποιήσεις push στο Plus Alpha.

Η διαδικασία εγκατάστασης για τον χρήστη είναι επίσης πολύ απλή, καθώς είναι απαραίτητο μόνο να επισκεφθείτε τη σελίδα προορισμού και να πατήσετε το κουμπί εγκατάστασης.

Δημιουργώντας ένα έργο PWA Blazor WebAssembly

Είναι βασικά το ίδιο με τη δημιουργία ενός έργου Blazor WebAssembly.

Απλώς δημιουργήστε το έργο όπως θα κάνατε κανονικά και όταν φτάσετε στην οθόνη "Πρόσθετες πληροφορίες" παρακάτω, απλώς επιλέξτε "Προοδευτική εφαρμογή ιστού".

Εκτός από τα ειδικά χαρακτηριστικά του PWA, η ανάπτυξη του Blazor WebAssembly είναι ουσιαστικά η ίδια με το μοτίβο χωρίς PWA.

Διαφορές από έργα εκτός PWA

Όταν δημιουργείτε ένα έργο στο PWA, λαμβάνετε μερικά ακόμη αρχεία.

Επίσης, όταν ανοίγετε ,index.html προστίθεται κάποιος κώδικας που αναφέρεται σε αυτά τα αρχεία.

Δοκιμάστε ένα PWA

Εκτελέστε το έργο για εντοπισμό σφαλμάτων.

Το δείγμα εκτέλεσης είναι ακριβώς το ίδιο με το μοτίβο χωρίς PWA, αλλά όταν εκτελείται με PWA, μπορείτε να δείτε ότι έχει προστεθεί ένα κουμπί εγκατάστασης στο πρόγραμμα περιήγησης ιστού.

Όταν κάνετε κλικ σε αυτό, εμφανίζεται μια επιβεβαίωση για εγκατάσταση, οπότε θα προσπαθήσω να εγκαταστήσω.

Αυτό θα ανοίξει ένα ξεχωριστό παράθυρο στο οποίο μπορείτε να εκτελέσετε την εφαρμογή Blazor. Λειτουργεί ως εφαρμογή πελάτη και όχι ως πρόγραμμα περιήγησης ιστού, ώστε να μπορείτε επίσης να διαμορφώσετε τις ρυθμίσεις που σχετίζονται με το λειτουργικό σύστημα, όπως φαίνεται στην εικόνα.

Δεδομένου ότι είναι εγκατεστημένο, θα καταχωρηθεί στο μενού έναρξης όπως αυτό και θα μπορείτε να το ξεκινήσετε.

Ωστόσο, δεδομένου ότι το περιεχόμενο είναι μια εφαρμογή ιστού, δεν μπορεί να χρησιμοποιηθεί εκτός εάν υπάρχει διακομιστής που μπορεί να κατεβάσει το περιεχόμενο. Για παράδειγμα, εάν το εγκαταστήσετε κατά τη διάρκεια μιας εκτέλεσης εντοπισμού σφαλμάτων, δεν μπορείτε να χρησιμοποιήσετε την εγκατεστημένη εφαρμογή, εκτός εάν έχετε ξεκινήσει τις υπηρεσίες IIS Express για εντοπισμό σφαλμάτων. Σημειώστε επίσης ότι τα PWA δεν μπορούν να εγκατασταθούν χωρίς σύνδεση https.

απεγκατάσταση

Η διαδικασία απεγκατάστασης είναι η ίδια όπως και για μια κανονικά εγκατεστημένη εφαρμογή. Η μέθοδος λειτουργίας εξαρτάται από την πλατφόρμα προορισμού της εγκατάστασης.

Αρχείο καταγραφής αλλαγών

2022/7/13

• Προστέθηκε εξήγηση ότι απαιτείται https για την εγκατάσταση του PWA.

2022/3/30

• πρώτη έκδοση