Εκμάθηση: Δημιουργία και ανάπτυξη εφαρμογής μίας σελίδας με χρήση του GitHub Spark και του Codespaces

Η νέα υποστήριξη εφαρμογών μίας σελίδας παρέχει στους προγραμματιστές μεγαλύτερη ευελιξία: μπορείτε να δημιουργήσετε, προσαρμόσετε και διαχειριστείτε τοποθεσίες Του Power Pages εξ ολοκλήρου σε πηγαίο κώδικα. Με την πρόσφατη έκδοση του GitHub Spark, οι προγραμματιστές μπορούν πλέον να συντάξουν μια τοποθεσία, να την επεξεργαστούν απευθείας σε έναν χώρο κώδικα GitHub και να την αναπτύξουν σε ένα περιβάλλον Power Pages, χωρίς να αποχωρήσουν από το πρόγραμμα περιήγησής τους. Αυτό το εκπαιδευτικό βοήθημα σάς καθοδηγεί στην πλήρη ροή εργασιών.

Το GitHub Spark είναι μια νέα πλατφόρμα φυσικής γλώσσας που υποστηρίζεται από την τεχνητή νοημοσύνη από το GitHub Copilot. Έχει σχεδιαστεί για να βοηθήσει τους προγραμματιστές να εκκινήσουν γρήγορα σύγχρονες εφαρμογές web. Όταν συνδυάζεται με χώρους κώδικα GitHub για επεξεργασία κώδικα, το Spark παρέχει:

  • Ένα έτοιμο προς χρήση αποθετήριο δεδομένων προτύπου για το έργο σας.
  • Προ-ρυθμισμένα κοντέινερ ανάπτυξης για συνεπή περιβάλλοντα.
  • Πλατφόρμα τεχνητής νοημοσύνης φυσικής γλώσσας από το GitHub Copilot.

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

Στο τέλος αυτού του άρθρου, θα γνωρίζετε πώς μπορείτε να κάνετε τα εξής:

  1. Δημιουργήστε μια πρωτότυπη τοποθεσία Power Pages χρησιμοποιώντας το GitHub Spark.
  2. Ρυθμίστε τις παραμέτρους του Codespace για υποστήριξη .NET και PAC CLI.
  3. Δημιουργήστε και αποστείλετε την εφαρμογή μίας σελίδας σε ένα περιβάλλον Power Pages.
  4. Επανενεργοποιήστε και δοκιμάστε την τοποθεσία σας απευθείας από το Power Pages.

Προϋποθέσεις

Προτού ξεκινήσετε, βεβαιωθείτε ότι έχετε:

  • Ένα περιβάλλον Power Pages με προνόμια διαχειριστή.
  • Power Platform CLI (PAC CLI) έκδοση 1.44.x ή νεότερη εγκατεστημένη και με έλεγχο ταυτότητας.
  • Τοποθεσία Power Pages σε έκδοση 9.7.4.x ή νεότερη.
  • Άδεια χρήσης GitHub Spark με Codespaces για το προσαρμοσμένο έργο frontend.

Σημείωση

  • Για να χρησιμοποιήσετε το GitHub Spark, βεβαιωθείτε ότι έχετε τις κατάλληλες άδειες χρήσης GitHub.
  • Η υποστήριξη για το GitHub Spark ή τους χώρους κώδικα είναι διαθέσιμη μέσω της ομάδας υποστήριξης Spark.

Βήμα 1: Ξεκινήστε με το πρότυπο GitHub Spark

  1. Μεταβείτε στο εργαλείο GitHub Spark και δημιουργήστε μια νέα τοποθεσία χρησιμοποιώντας φυσική γλώσσα.
  2. Αφού δημιουργηθεί, κάντε κλικ στην επιλογή Άνοιγμα σε χώρους κώδικα.

Αυτό σας δίνει ένα περιβάλλον ανάπτυξης που βασίζεται στο cloud, όπου μπορείτε να εργαστείτε στο έργο σας Power Pages χωρίς τοπική ρύθμιση.

Βήμα 2: Ενημέρωση της ρύθμισης παραμέτρων κοντέινερ ανάπτυξης

Μέσα στο αποθετήριο δεδομένων, εντοπίστε το αρχείο:

.devcontainer/devcontainer.json

Τροποποιήστε την ενότητα δυνατοτήτων για να προσθέσετε υποστήριξη για το .NET 9.0. Η ρύθμιση παραμέτρων σας θα πρέπει να μοιάζει κάπως έτσι:

"features": {
  "ghcr.io/devcontainers/features/sshd:1": {
    "version": "latest"
  },
  "ghcr.io/devcontainers/features/dotnet:2.3.0": {
    "version": "9.0"
  }
}

Αναδομήστε το κοντέινερ

Μετά την αποθήκευση των αλλαγών σας:

  1. Πατήστε Ctrl + Shift + P (ή Command + Shift + P σε Mac) για να ανοίξετε την παλέτα εντολών.
  2. Πληκτρολογήστε Codespaces: Αναδομήστε το κοντέινερ και επιλέξτε το.
  3. Το κοντέινερ θα επανεκκινήσει. Κατά τη διαδικασία αυτή, θα εγκατασταθεί το .NET 9 και όλες οι άλλες εξαρτήσεις.
  4. Περιμένετε λίγα δευτερόλεπτα μέχρι να ολοκληρωθεί η εγκατάσταση προτού συνεχίσετε.

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

Βήμα 3: Εγκατάσταση εργαλείων Power Platform

Από το τερματικό σας Codespaces:

  1. Εγκατάσταση εργαλείων Power Platform (διαθέσιμα ως επέκταση VS Code).
  2. Αυτή η εγκατάσταση προσφέρει επίσης το PAC CLI, ένα περιβάλλον εργασίας γραμμής εντολών που σας επιτρέπει να εκτελείτε έλεγχο ταυτότητας, λήψη και αποστολή τοποθεσιών.

Βήμα 4: Σύνδεση στο περιβάλλον σας Power Platform

Χρησιμοποιήστε το PAC CLI για τον έλεγχο ταυτότητας σε σχέση με το περιβάλλον προορισμού σας:

pac auth create -u https://org12x34x45.crm.dynamics.com

Αντικαταστήστε τη διεύθυνση URL με την πραγματική διεύθυνση URL περιβάλλοντος Power Platform.

Βήμα 5: Δημιουργία της τοποθεσίας σας

Πριν από την ανάπτυξη, δημιουργήστε τον κώδικα τοποθεσίας σας:

npm run build

Αυτή η εντολή κατασκευάζει τον ιστότοπό σας και εξάγει τα αρχεία σε έναν dist φάκελο.

Βήμα 6: Αποστολή της τοποθεσίας σας

Αναπτύξτε την τοποθεσία σας στο περιβάλλον του Power Pages χρησιμοποιώντας τα εξής:

pac pages upload-code-site --rootPath "./spark-template" --compiledPath "./dist" --siteName "YourSiteName"

Παράμετροι

Παράμετρος Ψευδώνυμο Περιγραφή
--rootPath -rp Τοπικός φάκελος που περιέχει τα αρχεία προέλευσης της τοποθεσίας σας
--compiledPath -cp Διαδρομή προς μεταγλωττισμένα πάγια στοιχεία, όπως το React build
--siteName -sn Εμφανιζόμενο όνομα για την τοποθεσία σας Power Pages

Βήμα 7: Επανενεργοποίηση και δοκιμή

  1. Μετά την αποστολή, η τοποθεσία σας εμφανίζεται στην περιοχή Ανενεργές τοποθεσίες στο Power Pages.
  2. Μεταβείτε στις Ανενεργές τοποθεσίες, βρείτε την τοποθεσία σας και επιλέξτε Επανενεργοποίηση.
  3. Όταν η τοποθεσία ενεργοποιηθεί, ανοίξτε τη διεύθυνση URL της για να επιβεβαιώσετε την ανάπτυξη.

Επόμενα βήματα: Διασφάλιση και επέκταση της τοποθεσίας σας

Τώρα που έχει αναπτυχθεί η τοποθεσία σας:

  • Last updated on