Vodič: Stvaranje i implementacija aplikacije na jednoj stranici pomoću GitHub Sparka i Codespaces

Nova podrška za aplikacije na jednoj stranici daje razvojnim inženjerima veću fleksibilnost: možete stvarati, prilagođavati i upravljati Power Pages web-mjestima u potpunosti u izvornom kodu. S nedavnim izdanjem GitHub Sparka, programeri sada mogu izraditi web-mjesto, uređivati ga izravno u GitHub Codespace i implementirati u Power Pages okruženje, a sve to bez napuštanja preglednika. Ovaj vodič vodi vas kroz cijeli tijek rada.

GitHub Spark je nova platforma na prirodnom jeziku koju pokreće umjetna inteligencija tvrtke GitHub Copilot. Osmišljen je kako bi pomogao programerima da brzo pokrenu moderne web aplikacije. U kombinaciji s GitHub Codespaces za uređivanje koda, Spark pruža:

  • Repozitorij predložaka spreman za korištenje za vaš projekt.
  • Unaprijed konfigurirani razvojni spremnici za dosljedna okruženja.
  • Platforma na prirodnom jeziku pokretana umjetnom inteligencijom tvrtke GitHub Copilot.

Za razvojne inženjere Power Pages to znači da možete započeti s gotovim predloškom web-mjesta, prilagoditi ga i implementirati bez tradicionalnog lokalnog postavljanja.

Do kraja ovog članka znat ćete kako:

  1. Stvorite prototip web-mjesta Power Pages pomoću GitHub Sparka.
  2. Konfigurirajte svoj prostor koda za podršku za .NET i PAC CLI.
  3. Izradite i prenesite aplikaciju na jednoj stranici u Power Pages okruženje.
  4. Ponovno aktivirajte i testirajte svoje web-mjesto izravno s Power Pagesa.

Preduvjeti

Prije nego što započnete, provjerite imate li sljedeće:

Napomena

  • Da biste koristili GitHub Spark, provjerite imate li odgovarajuće GitHub licence.
  • Podrška za GitHub Spark ili Codespaces dostupna je putem tima za podršku za Spark.

Korak 1: Započnite s predloškom GitHub Spark

  1. Idite na alat GitHub Spark i generirajte novu stranicu pomoću prirodnog jezika.
  2. Nakon stvaranja kliknite Otvori u Codespaces.

To vam daje razvojno okruženje temeljeno na oblaku u kojem možete raditi na svom Power Pages projektu bez ikakvih lokalnih postavki.

2. korak: ažuriranje konfiguracije razvojnog spremnika

Unutar spremišta pronađite datoteku:

.devcontainer/devcontainer.json

Izmijenite odjeljak značajki da biste dodali podršku za .NET 9.0. Vaša bi konfiguracija trebala izgledati ovako:

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

Obnovite spremnik

Nakon spremanja promjena:

  1. Pritisnite Ctrl + Shift + P (ili Command + Shift + P na Macu) da biste otvorili paletu naredbi.
  2. Upišite Codespaces: Rebuild Container i odaberite ga.
  3. Spremnik će se ponovno pokrenuti. Tijekom ovog postupka instalirat će se .NET 9 i sve ostale ovisnosti.
  4. Pričekajte nekoliko sekundi da se instalacija završi prije nego što nastavite.

Ovaj korak osigurava da se vaše okruženje prostora koda osvježi novom konfiguracijom. To osigurava da vaš Codespace uključuje potrebno vrijeme izvođenja za Power Pages alate za izradu.

Korak 3: Instalirajte alate Power Platform

S terminala Codespaces:

  1. Instalirajte alate Power Platform (dostupno kao proširenje VS Code).
  2. Ova instalacija također donosi PAC CLI, sučelje naredbenog retka koje vam omogućuje provjeru autentičnosti, preuzimanje i prijenos web mjesta.

4. korak: Povežite se s okruženjem platforme Power Platform

Koristite PAC CLI za provjeru autentičnosti u ciljnom okruženju:

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

Zamijenite URL stvarnim URL-om okruženja Power Platform.

Korak 5: Izradite svoju web stranicu

Prije implementacije izradite kod web-mjesta:

npm run build

Ova naredba kompajlira vaše web-mjesto i ispisuje artefakte u mapu dist .

6. korak: prenesite web-lokaciju

Implementirajte svoje web-mjesto u Power Pages okruženje koristeći:

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

Parametri

Parametar Pseudonim Opis
--rootPath -rp Lokalna mapa koja sadrži izvorne datoteke web-mjesta
--compiledPath -cp Put do kompiliranih resursa, kao što je React build
--siteName -sn Zaslonski naziv web-lokacije Power Pages

Korak 7: Ponovno aktivirajte i testirajte

  1. Nakon prijenosa vaše se web-mjesto pojavljuje u odjeljku Neaktivna web-mjesta na Power Pagesu.
  2. Idite na Neaktivna web-mjesta, pronađite svoje web-mjesto i odaberite Ponovno aktiviraj.
  3. Kada web-mjesto postane aktivno, otvorite njegov URL da biste potvrdili implementaciju.

Sljedeći koraci: Osigurajte i proširite svoju web stranicu

Sada kada je vaše web-mjesto implementirano:

  • Last updated on