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

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

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

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

1. Στην πύλη Azure, δημιουργήστε έναν πόρο εφαρμογής Web.

2. Εισαγάγετε ή επιλέξτε τις σχετικές πληροφορίες:

   • Για δημοσίευση, επιλέξτε Κώδικας.
   • Για τη στοίβα χρόνου εκτέλεσης, επιλέξτε .NET 7 (STS) και Windows.

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

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

1. Επιλέξτε Ρυθμίσεις Προσαρμοσμένους>τομείς.

2. Επιλέξτε Προσθήκη προσαρμοσμένου τομέα και, στη συνέχεια, ακολουθήστε τις οδηγίες.

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

3. Στο Visual Studio, ανοίξτε τη λύση σας με στερεότυπο παρασκηνίου.

4. Κάντε δεξί κλικ στο έργο λέβητα και επιλέξτε Δημοσίευση.

5. Για τον προορισμό, επιλέξτε Azure.

6. Πραγματοποιήστε είσοδο με έναν χρήστη που έχει πρόσβαση στην εφαρμογή web Azure που δημιουργήσατε.

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

Ενημέρωση cors

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

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

1. Στην πύλη Azure, δημιουργήστε έναν πόρο εφαρμογής Web.

2. Εισαγάγετε ή επιλέξτε τις σχετικές πληροφορίες:

   • Για δημοσίευση, επιλέξτε Κώδικας.
   • Για τη στοίβα χρόνου εκτέλεσης, επιλέξτε Κόμβος 18 LTS και Windows.

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

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

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

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

Δημοσίευση της εφαρμογής web με στερεότυπο προσκηνίου

1. Δημιουργήστε την πινακίδα σας στο προσκήνιο εκτελώντας npm run build:testτο .
2. Μεταβείτε στον φάκελο Microsoft-Fabric-developer-sample\Frontend\tools\dist .
3. Επιλέξτε όλα τα αρχεία και τον φάκελο πόρων στην περιοχή distκαι δημιουργήστε ένα αρχείο .zip των επιλεγμένων αρχείων.
4. Ανοίξτε το PowerShell.
5. Στο PowerShell, εκτελέστε 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>το .