Δημιουργία και ανάπτυξη της εφαρμογής Web Azure boilerplate (προεπισκόπηση)

Για να δημιουργήσετε και να αναπτύξετε την εφαρμογή Web Azure boilerplate, πρέπει να δημιουργήσετε και να αναπτύξετε τις εφαρμογές Web παρασκηνίου και προσκηνίου. Αυτό το εκπαιδευτικό βοήθημα παρέχει οδηγίες για τη δημιουργία και την ανάπτυξη των εφαρμογών web για το παρασκήνιο και τις εφαρμογές web προσκηνίου.

Βεβαιωθείτε ότι έχετε περάσει από το πρόγραμμα εκμάθησης ρύθμισης cloud φόρτου εργασίας προτού αναπτύξετε τις εφαρμογές web παρασκηνίου και προσκηνίου.

Δημιουργία και ανάπτυξη της εφαρμογής Web με στερεότυπο παρασκηνίου

Για να δημιουργήσετε μια εφαρμογή Web Azure από την πύλη Azure:

1. Δημιουργήστε έναν πόρο εφαρμογής Web στην πύλη Azure.
2. Συμπληρώστε όλα τα σχετικά δεδομένα:
   • Για δημοσίευση, επιλέξτε Κώδικας.
   • Για τη στοίβα χρόνου εκτέλεσης, επιλέξτε .NET 7 (STS) και Windows.

Για γενικές οδηγίες, ανατρέξτε στο θέμα Γρήγορα αποτελέσματα με το Azure App Service.

Αντιστοίχιση του τομέα σας στην εφαρμογή Web, μέρος 1

1. Μεταβείτε στην επιλογή Ρυθμίσεις ->Προσαρμοσμένοι τομείς.
2. Επιλέξτε Προσθήκη προσαρμοσμένου τομέα και ακολουθήστε τις οδηγίες. Για περισσότερες πληροφορίες σχετικά με την αντιστοίχιση προσαρμοσμένων τομέων, επισκεφθείτε την Προσαρμοσμένη αντιστοίχιση τομέων στο Azure.
3. Ανοίξτε τη λύση Visual Studio με στερεότυπο παρασκηνίου.
4. Κάντε δεξί κλικ στο έργο λέβητα και επιλέξτε Δημοσίευση.
5. Επιλέξτε Azure ως προορισμό.
6. Πραγματοποιήστε είσοδο με έναν χρήστη που έχει πρόσβαση στην εφαρμογή web Azure που δημιουργήσατε.
7. Χρησιμοποιήστε το περιβάλλον εργασίας χρήστη για να εντοπίσετε τη σχετική ομάδα συνδρομών και πόρων και, στη συνέχεια, ακολουθήστε τις οδηγίες για δημοσίευση.

Ενημέρωση cors

1. Στη σελίδα Azure της εφαρμογής σας web, μεταβείτε στο API ->CORS.
2. Στην περιοχή Επιτρεπόμενη προέλευση, προσθέστε τη διεύθυνση URL της εφαρμογής web προσκηνίου.

Δημιουργία και ανάπτυξη της εφαρμογής Web Boilerplate Frontend

Για να δημιουργήσετε μια εφαρμογή Web Azure από την πύλη Azure:

1. Δημιουργήστε έναν πόρο εφαρμογής Web στην πύλη Azure. έναν πόρο "Εφαρμογή Web" στην πύλη Azure.
2. Συμπληρώστε όλα τα σχετικά δεδομένα:
   • Για δημοσίευση, επιλέξτε Κώδικας.
   • Για τη στοίβα χρόνου εκτέλεσης, επιλέξτε Κόμβος 18 LTS και Windows.

Για γενικές οδηγίες, ανατρέξτε στο θέμα Γρήγορη εκκίνηση για Node.js στην υπηρεσία Azure App Service.

Αντιστοίχιση του τομέα σας στην εφαρμογή Web

1. Μεταβείτε στην επιλογή Ρυθμίσεις ->Προσαρμοσμένοι τομείς.
2. Επιλέξτε Προσθήκη προσαρμοσμένου τομέα και ακολουθήστε τις οδηγίες.

Για περισσότερες πληροφορίες σχετικά με την αντιστοίχιση προσαρμοσμένων τομέων, επισκεφθείτε την Προσαρμοσμένη αντιστοίχιση τομέων στο Azure.

Δημοσίευση της εφαρμογής Web Σας Boilerplate Frontend μέρος 2

1. Δημιουργήστε την πινακίδα σας στο προσκήνιο εκτελώντας npm run build:testτο .
2. Μεταβείτε στον φάκελο στη dist διεύθυνση Microsoft-Fabric-developer-sample\Frontend\tools\dist.
3. Επιλέξτε όλα τα αρχεία και τον φάκελο πόρων στην περιοχή dist και δημιουργήστε ένα αρχείο zip.
4. Ανοίξτε το PowerShell.
5. Εκτελέστε Connect-AzAccount και εισέλθετε με έναν χρήστη που έχει πρόσβαση στην εφαρμογή web Azure που δημιουργήσατε.
6. Εκτελέστε Set-AzContext -Subscription "<subscription_id>"το .
7. Εκτελέστε Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path>το .