Δημιουργία και εκτέλεση έργων Του Blazor WebAssembly
περιβάλλον
- Οπτικό Στούντιο
-
- Οπτικό Στούντιο 2019
- .NET
-
- .NET 5,0
Λήψη και εγκατάσταση του Visual Studio
Χρησιμοποιήστε το Visual Studio για να αναπτύξετε έργα blazor. Μάθετε πώς μπορείτε να αποκτήσετε και να ρυθμίσετε το Visual Studio παρακάτω.
Άλλα βήματα μπορεί να είναι κουραστικό, αλλά ο οπτικός κώδικας στούντιο σας επιτρέπει επίσης να αναπτύξετε. (Δεν θα εξηγήσω εδώ.)
Δημιουργία έργου Του Blazor WebAssembly
Επιλέξτε Visual Studio 2019 από το μενού "Έναρξη". Η έκδοση είναι το 2019 εδώ, αλλά οι μεταγενέστερες εκδόσεις μπορούν επίσης να δημιουργήσουν έργα.
Επιλέξτε Δημιουργία νέου έργου.
Εάν εισαγάγετε το "Blazor" στο παραπάνω πεδίο εισαγωγής αναζήτησης, θα εμφανιστεί μια λίστα, οπότε επιλέξτε "Εφαρμογή Blazor WebAssembly" και κάντε κλικ στο κουμπί "Επόμενο".
Το όνομα του έργου μπορεί να είναι οτιδήποτε, αλλά εδώ είμαστε "BlazorWebAssemblySample". Μπορείτε να δημιουργήσετε έργα όπου κι αν βρίσκεστε. Το όνομα της λύσης εισάγεται αυτόματα, ώστε να μπορείτε να το αφήσετε ως έχει.
Το πλαίσιο-στόχος είναι ". Net Πυρήνας 3.1 ή νεότερη έκδοση. Εδώ είναι το τελευταίο ". Επιλέγεται το NET 5.0". Τα υπόλοιπα παραμένουν στις προεπιλεγμένες ρυθμίσεις. Όταν τελειώσετε, κάντε κλικ στο κουμπί "Δημιουργία".
Εμφανίζεται το κύριο οπτικό παράθυρο στούντιο (IDE) και ολοκληρώνεται η δημιουργία του έργου. Η διάταξη του παραθύρου μπορεί να διαφέρει ανάλογα με τις προτιμήσεις σας, αλλά δεν επηρεάζει την ανάπτυξη.
Ο καθορισμένος φάκελος περιέχει αρχεία που σχετίζονται με το έργο. Το έργο δεν επηρεάζει την ιεραρχία πάνω από αυτόν το φάκελο (έξω), οπότε αν δεν το χρειάζεστε πλέον, μπορείτε να διαγράψετε κάθε φάκελο και δεν μπορείτε να κάνετε τίποτα.
Εκτέλεση (εκτέλεση εντοπισμού σφαλμάτων)
Ένα μικρό δείγμα ολοκληρώνεται στην κατάσταση δημιουργίας του έργου, οπότε είναι δυνατή η εκτέλεσή του ως έχει. Κάντε κλικ στην επιλογή Εξπρές των IIS στη γραμμή εργαλείων για να την εκτελέσετε. Ένας απλός διακομιστής ιστού "IIS Express" δημιουργείται στο δικό σας περιβάλλον και μπορείτε να εκτελέσετε την εφαρμογή Blazor. Αυτό το IIS Express τερματίζει αυτόματα κατά την έξοδο από τον σφαλμάτων.
Παρεμπιπτόντως, οι εκτελέσεις εντοπισμού σφαλμάτων στο WebAssembly χρησιμοποιούν το διακομιστή web μόνο για τη λήψη εφαρμογών.
Μετά την έναρξη της κατασκευής και έχει παρέλθει ορισμένος χρόνος, η κατασκευή ολοκληρώνεται και ξεκινά το πρόγραμμα περιήγησης ιστού. Θα δείτε μια οθόνη Web, η οποία γίνεται από τον υπολογιστή-πελάτη (εκτός από την πρόσβαση σε πόρους διακομιστή). Ενώ η επεξεργασία από την πλευρά του πελάτη για εφαρμογές ιστού είναι συνήθως γραμμένη σε Javascript, το Blazor μπορεί να χρησιμοποιήσει το μηχανισμό του WebAssembly για να τις δημιουργήσει στο C#.
Δείτε πώς μπορείτε να αυξήσετε τον αριθμό κάθε φορά που κάνετε κλικ: Αυτές οι λειτουργίες που δεν είναι ανανεωμένες στην οθόνη είναι γενικά γραμμένες σε Javascript, αλλά υλοποιούνται επίσης στο C#.
Αυτή είναι η οθόνη που κάνει λήψη του αρχείου JSON από το διακομιστή και εμφανίζει τη λίστα.
Διακοπή εκτέλεσης εντοπισμού σφαλμάτων
Εάν το πρόγραμμα περιήγησης Στο Web ξεκινήσει από μόνο του, το κλείσιμο του προγράμματος περιήγησης web θα τερματίσει την εκτέλεση εντοπισμού σφαλμάτων, αλλά αν το ανοίξετε σε μια νέα καρτέλα σε ένα πρόγραμμα περιήγησης στο Web που έχει ήδη ξεκινήσει, το κλείσιμο της καρτέλας δεν θα τερματίσει την εκτέλεση εντοπισμού σφαλμάτων.
Εάν συμβαίνει αυτό, κάντε κλικ στο κουμπί "Διακοπή εντοπισμού σφαλμάτων" από τη γραμμή εργαλείων του Visual Studio.
Τέλος ανάπτυξης
Βασικά, θα πρέπει να αποχωρήσεις από το Visual Studio όπως κάθε άλλο έργο. Εάν κάποια αρχεία δεν έχουν αποθηκευτεί, εμφανίζεται μια επιβεβαίωση αποθήκευσης.
Όταν αναπτύξετε ξανά, μπορείτε να ανοίξετε το αρχείο "xxxxxxxx.sin" ή να ανοίξετε το ιστορικό όταν ξεκινάτε το Visual Studio, ώστε να μπορείτε να το ανοίξετε από εκεί.