Opetusohjelma: Yksisivuisen sovelluksen luominen ja käyttöönotto GitHub Sparkin ja codespacesin avulla

Uusi yksisivuinen sovellustuki antaa kehittäjille enemmän joustavuutta: voit luoda, mukauttaa ja hallita Power Pages -sivustoja kokonaan lähdekoodilla. Äskettäin julkaistun GitHub Spark -version myötä kehittäjät voivat nyt luoda sivuston, muokata sitä suoraan GitHub Codespacessa ja ottaa sen käyttöön Power Pages -ympäristössä poistumatta selaimestaan. Tässä opetusohjelmassa käydään läpi koko työnkulku.

GitHub Spark on GitHub Copilotista peräisin olevan uuden luonnollisen kielen tekoälypohjainen ympäristö. Se on suunniteltu auttamaan kehittäjiä luomaan nykyaikaisia verkkosovelluksia nopeasti. Kun se yhdistetään GitHub Codespacesin kanssa koodin muokkaamiseen, Spark tarjoaa:

  • Se on valmis mallisäilö projektillesi.
  • Ennalta määritetyt kehityssäilöt yhdenmukaisia ympäristöjä varten.
  • Tekoälypohjainen luonnollisen kielen ympäristö GitHub Copilotista.

Power Pages -kehittäjille tämä tarkoittaa, että voit aloittaa valmiin sivustomallin avulla, mukauttaa sitä ja ottaa sen käyttöön ilman perinteistä paikallista asennusta.

Tämän artikkelin loppuun mennessä osaat tehdä seuraavat:

  1. Luo Power Pages -sivuston prototyyppi GitHub Sparkin avulla.
  2. Määritä Codespace .NET- ja PAC CLI -tukea varten.
  3. Luo ja lataa yksisivuinen sovellus Power Pages -ympäristöön.
  4. Aktivoi sivustosi uudelleen ja testaa se suoraan Power Pagesista.

Edellytykset

Ennen kuin aloitat, varmista, että sinulla on:

Note

  • Jos haluat käyttää GitHub Sparkiä, varmista, että sinulla on asianmukaiset GitHub-käyttöoikeudet.
  • GitHub Spark- tai Codespaces-tuki on saatavilla Spark-tukitiimille.

Vaihe 1: Aloita GitHub Spark -mallista

  1. Siirry GitHub Spark -työkaluun ja luo uusi sivusto luonnollisella kielellä.
  2. Kun tiedosto on luotu, valitse Avaa Codespacesissa.

Tämä tarjoaa pilvipohjaisen kehitysympäristön, jossa voit työskennellä Power Pages -projektissasi ilman paikallisia määrityksiä.

Vaihe 2: Päivitä kehityssäilön määritykset

Löydä tiedosto arkiston sisältä:

.devcontainer/devcontainer.json

Muokkaa ominaisuuksia -osiota ja lisää .NET 9.0 -tuki. Määrityksen pitäisi näyttää tältä:

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

Rakenna kontti uudelleen

Muutosten tallentamisen jälkeen:

  1. Avaa komentovalikoima painamalla Ctrl + Shift + P (tai Command + Shift + P Macissa).
  2. Kirjoita Codespaces: Rakenna kontti uudelleen ja valitse se.
  3. Säilö käynnistetään uudelleen. Tämän prosessin aikana asennetaan .NET 9 ja kaikki muut riippuvuudet.
  4. Odota muutama sekunti, että asennus on valmis, ennen kuin jatkat.

Tämä vaihe varmistaa, että Codespace-ympäristösi päivitetään uuden määrityksen avulla. Näin varmistat, että Codespace sisältää tarvittavan suorituspalvelun Power Pagesin koontityökaluja varten.

Vaihe 3: Power Platform -työkalujen asentaminen

Codespaces-päätteestä:

  1. Asenna Power Platform -työkalut (saatavilla VS Code -laajennuksena).
  2. Tämä asennus tuo myös PAC CLI:n, komentorivikäyttöliittymän, jonka avulla voit todentaa, ladata ja ladata sivustoja.

Vaihe 4: Yhdistä Power Platform -ympäristöösi

PAC CLI -komentorivikäyttöliittymän avulla voit todentautua kohdeympäristösi mukaan:

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

Korvaa URL-osoite todellisella Power Platform -ympäristön URL-osoitteellasi.

Vaihe 5: Luo sivustosi

Ennen käyttöönottoa luo sivustokoodisi:

npm run build

Tämä komento kääntää sivustosi ja tulostaa artefaktit kansioon dist .

Vaihe 6: Lataa sivustosi

Ota sivustosi käyttöön Power Pages -ympäristössä käyttämällä:

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

Parametrit

Parametri Alias Kuvaus
--rootPath -rp Paikallinen kansio, jossa on sivustosi lähdetiedostot
--compiledPath -cp Polku koottuihin resursseihin, kuten React build
--siteName -sn Power Pages -sivuston näyttönimi

Vaihe 7: Aktivoi ja testaa uudelleen

  1. Latauksen jälkeen sivustosi näkyy Power PagesinPassiiviset sivustot -kohdassa.
  2. Siirry Passiiviset sivustot -kohtaan, etsi sivustosi ja valitse Aktivoi uudelleen.
  3. Kun sivusto aktivoituu, avaa sen URL-osoite käyttöönoton vahvistamiseksi.

Seuraavat vaiheet: Sivuston suojaaminen ja laajentaminen

Sivustosi on nyt otettu käyttöön:

  • Last updated on