Poznámka:
Přístup k této stránce vyžaduje autorizaci. Můžete se zkusit přihlásit nebo změnit adresáře.
Přístup k této stránce vyžaduje autorizaci. Můžete zkusit změnit adresáře.
Plugin Power Pages pro GitHub Copilot CLI a Claude Code poskytuje pracovní postup s podporou umělé inteligence pro vytváření, nasazování a správu moderních jednostránkových aplikací (SPA) na Power Pages. Místo ručního vytváření kostry projektů, psaní šablonového kódu API a konfigurace oprávnění v přirozeném jazyce popište, co chcete, a plugin zpracovává implementaci.
Modul plug-in podporuje celý životní cyklus vývoje webu prostřednictvím konverzačních dovedností, od generování nového webu až po jeho nasazení, nastavení datových modelů Dataverse a konfiguraci ověřování.
Important
- Generativní AI agent pro programování, jako je GitHub Copilot CLI nebo Claude Code, využívá dovednosti a pracovní postupy tohoto modulu k plnění úloh specifických pro Power Pages.
- Kód a konfigurace vygenerované agentem kódování AI mohou být nepřesné. Před schválením nebo nasazením zkontrolujte, otestujte a ověřte veškerý vygenerovaný obsah. Před schválením vždy zkontrolujte návrhy agentů.
Předpoklady
Než začnete, ověřte, že máte požadovaný software a oprávnění.
Softwarové požadavky
| Součást | Minimální verze | Více informací |
|---|---|---|
| Node.js | 18.0 nebo novější | Stáhnout Node.js |
| Rozhraní příkazového řádku Power Platform (PAC CLI) | 2.6.3 nebo novější (vyžaduje se pro logiku serveru) | Instalace rozhraní příkazového řádku PAC |
| Azure CLI | Latest | Install Azure CLI |
| GitHub Copilot CLI nebo Claude Code | Latest | GitHub Copilot CLI nebo Claude Code |
| Rozšíření Visual Studio Code a Power Platform Tools (volitelné) | Latest | Stažení nástroje VS Code a instalace nástrojů Power Platform |
Potřebujete také:
- Prostředí Power Platform s aktivovanou funkcionalitou Power Pages.
- Ověřená relace PAC CLI připojená k vašemu cílovému prostředí. Spusťte
pac auth create, pokud jste se ještě nepřipojili. - Relace Azure CLI se přihlásila ke stejnému klientovi. Spusťte
az login --allow-no-subscriptions, abyste se ověřili.
Ověřte ověření:
Pomocí příkazu ověřte, že jste ověřeni pac auth list .
pac auth list # Should show authenticated profile
Pokud nejste ověřeni, spusťte tento příkaz:
pac auth create --environment <Instance url> # Authenticate to Power Platform
Tip
Pokud chcete získat adresu URL instance, přejděte na domovskou stránku Power Pages, vyberte ikonu Nastavení v pravém horním rohu a pak vyberte Podrobnosti relace.
Instalace modulu plug-in
Nainstalujte modul plug-in Power Pages z marketplace. Pokud používáte GitHub Copilot CLI, najdete ekvivalentní instalační kroky v dokumentaci k rozšířením Copilot CLI. Následující příkazy používají syntaxi Claudu Code.
Rychlá instalace (doporučeno)
Spusťte instalační program a nastavte všechny pluginy s povolenou automatickou aktualizací:
Windows (PowerShell):
iwr https://raw.githubusercontent.com/microsoft/power-platform-skills/main/scripts/install.js -OutFile install.js; node install.js; del install.js
macOS/Linux/Windows (cmd):
curl -fsSL https://raw.githubusercontent.com/microsoft/power-platform-skills/main/scripts/install.js | node
Instalační program automaticky:
- Nainstaluje
pacCLI, pokud ještě není nainstalované. - Detekuje dostupné nástroje, jako je Claude Code a GitHub Copilot CLI.
- Zaregistruje marketplace pluginů a nainstaluje všechny uvedené pluginy.
- Povolí automatické aktualizace, aby moduly plug-in zůstaly aktuální.
Po instalaci restartujte Claude Code nebo GitHub Copilot CLI, abyste mohli v agentní relaci přistupovat k dovednostem pluginu prostřednictvím příkazů se znakem lomítka.
Instalace z marketplace
Otevřete Clauda Code v terminálu.
Přidejte marketplace Microsoft:
/plugin marketplace add microsoft/power-platform-skillsNainstalujte modul plug-in Power Pages:
/plugin install power-pages@power-platform-skills
Po instalaci pluginu restartujte Claude Code nebo rozhraní příkazového řádku GitHub Copilot, abyste v relaci vašeho agenta mohli přistupovat k dovednostem modulu plugin jako příkazům s lomítkem.
Tip
Pokud chcete automaticky dostávat aktualizace na marketplace a dovednosti, zapněte automatickou aktualizaci. Použijte příkaz /plugin , přejděte na Marketplace, zvolte marketplace a zapněte automatickou aktualizaci.
Přehled dovedností
Modul plug-in poskytuje dovednosti, které pokrývají celý životní cyklus webu Power Pages. Každou dovednost lze vyvolat v rámci konverzace, buď jako příkaz s lomítkem, nebo tím, že popíšete, co chcete udělat.
| Dovednost | Příkaz | Jak funguje |
|---|---|---|
| Vytvořit web | /create-site |
Vytvoří strukturu webu, aplikuje vaše návrhové rozložení a sestaví stránky a komponenty. |
| Nasazení webu | /deploy-site |
Sestaví projekt a nahraje ho do Power Pages pomocí rozhraní příkazového řádku PAC. |
| Aktivovat web | /activate-site |
Zřídí záznam webu a přiřadí veřejnou adresu URL. |
| Nastavení datového modelu | /setup-datamodel |
Vytváří Dataverse tabulky, sloupce a relace. |
| Přidání ukázkových dat (volitelné) | /add-sample-data |
Naplní tabulky Dataverse realistickými testovacími záznamy. |
| Integrace webového rozhraní API | /integrate-webapi |
Generuje typový kód klientského API, služby a oprávnění k tabulce. |
| Přidat souhrny pomocí AI | /add-ai-webapi |
Integruje rozhraní API pro sumarizaci pomocí generativní AI (shrnutí vyhledávání a shrnutí dat) na vaše stránky. Vygeneruje typovanou službu souhrnů se zpracováním tokenů proti padělání, obalové vrstvy specifické pro daný framework, propojená místa volání a odpovídající nastavení webu Summarization |
| Nastavení ověřování | /setup-auth |
Přidá řízení přístupu na základě přihlašování, odhlášení a přístupu na základě role. Podporuje Microsoft Entra ID, Microsoft Entra Externí ID, OpenID Connect, SAML 2.0, WS-Federation, účet Microsoft, Facebook, Google a místní ověřování uživatelských jmen a hesel, včetně konfigurace více poskytovatelů. |
| Vytvoření webových rolí | /create-webroles |
Generuje soubory YAML webové role pro správu uživatelských přístupů. |
| Přidejte logiku serveru | /add-server-logic |
Generuje zabezpečené koncové body JavaScriptu na straně serveru pro ověřování, externí volání rozhraní API, správu tajných kódů a operace s daty. |
| Přidat cloudový tok | /add-cloud-flow |
Integruje existující cloudové toky Power Automate do webu pro pracovní postupy schválení, oznámení a plánovanou automatizaci. |
| Integrace back-endu | /integrate-backend |
Analyzuje váš prototyp, určuje správný přístup (webové rozhraní API, logika serveru nebo cloudový tok) pro každou funkci a orchestruje kompletní posloupnost sestavení. |
| Přidat SEO | /add-seo |
Generuje robots.txt, sitemap.xmla metaznačky. |
| Spustit bezpečnostní kontrolu | /security-review |
Koordinuje specializované bezpečnostní schopnosti a slučuje všechna zjištění do jediné zprávy ve formátu HTML. Řeší kód, závislosti, prohledávání nasazeného webu, hlavičky prohlížeče, firewall webových aplikací, oprávnění k tabulce a konfiguraci ověřování. |
| Skenování zdrojového kódu | /scan-code |
Spouští statickou analýzu a kontrolu závislostí na místních zdrojových souborech; zobrazí závěry v různých vzorech kódu, ohrožených balíčcích, pevně zakódovaných tajných kódech a problémech s licencemi. |
| Skenování nasazeného webu | /scan-site |
Spustí kontrolu zabezpečení na straně serveru na živém webu, načte nejnovější sestavu a seskupí zjištění podle závažnosti |
| Správa hlaviček zabezpečení prohlížeče | /manage-headers |
Kontroluje a konfiguruje bezpečnostní hlavičky HTTP, které web odesílá prohlížečům – Content Security Policy, ochranu proti vkládání do rámců a clickjackingu, sdílení mezi různými zdroji, chování souborů cookie a související nastavení webu. |
| Správa firewallu webových aplikací | /manage-firewall |
Kontroluje a konfiguruje firewall webových aplikací (WAF) v produkční lokalitě: umožňuje ochranu, přidává nebo odebírá bloky IP adres, bloky zemí, bloky cest a omezení rychlosti. |
| Audit oprávnění k tabulkám | /audit-permissions |
Audituje existující oprávnění tabulek v porovnání s kódem webu a metadaty Dataverse; vytvoří sestavu ve formátu HTML seskupenou podle závažnosti s doporučenými opravami. |
| Plánování nasazení | /plan-alm |
Rozpozná stav projektu, shromáždí strategii povýšení, vykreslí vizuální plán a orchestruje ostatní dovednosti správy životního cyklu aplikací (ALM) ve správném pořadí. |
| Vytváření řešení | /setup-solution |
Vytvoří vydavatele a řešení, přidá komponenty Power Pages, klasifikuje nastavení webu a navrhne proměnné prostředí a tajné klíče služby Azure Key Vault |
| Nastavení hostitele kanálu | /ensure-pipelines-host |
Zřizuje nebo detekuje hostitelské prostředí pro kanály Power Platform. |
| Nastavení kanálu | /setup-pipeline |
Zaregistruje definici kanálu v Dataverse a vytvoří vazbu fází povýšení na cílová prostředí. |
| Nasazení prostřednictvím kanálu | /deploy-pipeline |
Spustí nasazení kanálu pro cílovou fázi s přepsáním proměnných prostředí pro jednotlivé fáze |
| Vynucené propojení prostředí | /force-link-environment |
Znovu přiřadí cílové prostředí k novému hostiteli kanálů Power Platform, pokud konflikt hostitele blokuje nasazení |
| Export řešení | /export-solution |
Exportuje řešení jako spravovaný nebo nespravovaný zip s kontrolou úplnosti před exportem. |
| Import řešení | /import-solution |
Importuje soubor ZIP řešení do cílového prostředí, postupně nebo přímo. |
| Testovací web | /test-site |
Ověří nasazený web pomocí testu založeného na prohlížeči: procházení stránek, kontroly přístupu na základě role a ověření webového rozhraní API. |
| Diagnostika nasazení | /diagnose-deployment |
Porovnává selhání nasazení s katalogem známých chyb a navrhuje řešení. |
Typický pracovní postup
Běžný ucelený pracovní postup se řídí tímto pořadím:
- /create-site : Generujte, navrhujte a vytvářejte stránky
- /deploy-site: Nahrání do prostředí Power Pages
- /activate-site : Nastavení veřejné adresy URL
- /setup-datamodel : Vytvoření tabulek Dataverse
- /add-sample-data : Naplnění tabulek testovacími záznamy
- /integrate-webapi : Generování kódu klienta rozhraní API a konfigurace oprávnění
- /create-webroles: Definování přístupových rolí
- /setup-auth : Přidání přihlášení, odhlášení a uživatelského rozhraní na základě role
- /add-server-logic : Přidání zabezpečených koncových bodů na straně serveru
- /add-cloud-flow: Integrace toků Power Automate, které již existují
- /add-seo : Optimalizace vyhledávacího webu
- /deploy-site : Nasadit konečné změny naživo
- /security-review : Před přechodem do produkčního prostředí spusťte kompletní kontrolu zabezpečení.
- /plan-alm : Přesunout web do testovacího a produkčního prostředí
Tip
- Nemusíte postupovat podle tohoto přesného pořadí. Každá dovednost zkontroluje své vlastní předpoklady a řekne vám, jestli něco chybí. Můžete například spustit
/setup-authpřed/integrate-webapitím, než bude web potřebovat ověření. - Pokud si nejste jistí, který přístup pro každou funkci použít, spusťte
/integrate-backendmísto kroků 4 až 10 jednotlivě. Analyzuje váš prototyp, určuje, jestli každá funkce potřebuje webové rozhraní API, logiku serveru nebo cloudový tok a orchestruje dovednosti ve správném pořadí. - Pokud chcete přidat souhrny hledání a záznamů vygenerované AI, spusťte
/add-ai-webapipo/integrate-webapi. Používá oprávnění tabulky a nastavení webu, které nakonfiguruje/integrate-webapi, proto ho spusťte, jakmile bude integrace rozhraní Web API hotová.
Vytvoření webu Power Pages
Tento průvodce podrobně popisuje celý životní cyklus vytváření webové stránky pomocí Power Pages pluginu, od úvodního návrhu až po nasazení. Každý krok popisuje, co říkáte a co modul plug-in dělá v reakci.
Krok 1: Vytvoření webu
Popište požadovaný web v přirozeném jazyce: k čemu je určen, jaké stránky potřebuje, a všechny předvolby návrhu, jako je barevné schéma, styl rozložení nebo písma. Spusťte /create-site nebo jednoduše popište svůj web a modul plug-in rozpozná záměr.
Pokud nezadáte architekturu, modul plug-in vás požádá o výběr (React, Vue, Angular nebo Astro), pak:
- Vygeneruje projekt ze šablony a použije název webu, barvy a tokeny návrhu.
- Nainstaluje závislosti, spustí vývojový server a otevře dynamický náhled prohlížeče.
- Sestaví každou stránku, součást a trasu, kterou jste požadovali, s příslušnými obrázky.
- Vytváří git commity při významných milnících, takže máte integrovanou historii pro vrácení zpět.
Krok 2: Nasazení webu
Spuštěním příkazu /deploy-site nahrajte web do Power Pages. Plugin:
- Ověří, že je nainstalované příkazové rozhraní PAC a že je aktivní vaše autentizační relace.
- Než budete pokračovat, potvrdí s vámi cílové prostředí.
- Spustí produkční sestavení a nahraje zkompilovaný výstup.
- Vytvoří adresář artefaktů nasazení, pokud ještě neexistuje.
Note
Pokud vaše prostředí blokuje určité přílohy souborů, modul plug-in zjistí problém a poskytne pokyny k jeho vyřešení.
Krok 3: Aktivace webu
Spusťte /activate-site , aby byl web veřejně přístupný. Plugin:
- Navrhne subdoménu založenou na názvu webu a umožní vám ji přizpůsobit.
- Zřídí záznam webu prostřednictvím rozhraní API Power Platform.
- Dotazuje se, dokud web nebude aktivní a nevrátí veřejnou adresu URL.
V tomto okamžiku máte pracovní web na veřejné adrese URL. Zbývající kroky přidávají data, ověřování a SEO. Přeskočte všechny kroky, které se na váš web nevztahují.
Krok 4: Nastavení datového modelu
Spusťte /setup-datamodel, abyste vytvořili tabulky Dataverse, které vaše webová stránka potřebuje. Pokud už máte diagram ER nebo konkrétní schéma, zadejte ho přímo místo toho, abyste agenta analyzovali váš kód.
Modul plug-in vytvoří agenta architekta datového modelu , který:
- Analyzuje kód webu a určí, jaká data stránky a komponenty vyžadují.
- Dotazuje prostředí Dataverse na existující tabulky, aby nedocházelo k duplicitám.
- Navrhuje datový model s tabulkami, sloupci, datovými typy a relacemi, vizualizovanými jako diagram ER.
Návrh zkontrolujete a schválíte. Modul plug-in nic nevytvoří, dokud ho neověříte. Po schválení modul plug-in vytvoří tabulky a sloupce prostřednictvím volání rozhraní API a uloží soubor manifestu, který použije kroky 5 a 6.
Krok 5: Přidání ukázkových dat (volitelné)
Spuštěním /add-sample-data naplníte tabulky testovacími záznamy. Tento krok vyžaduje datový model z kroku 4.
Modul plug-in provede následující akce:
- Přečte manifest, který vám umožní porozumět tabulkám, sloupcům a relacím.
- Generuje kontextově odpovídající hodnoty pro každý typ sloupce, jako jsou realistické e-maily, přijatelné kalendářní data a formátované částky měny.
- Vloží záznamy v pořadí závislostí (nadřazené tabulky před podřízenými tabulkami) a během hromadného vkládání automaticky aktualizuje ověřovací tokeny.
Krok 6: Integrace s webovým rozhraním API služby Dataverse
Spusťte /integrate-webapi pro nahrazení testovacích dat živými dotazy Dataverse. Tento krok vyžaduje datový model z kroku 4.
Modul plug-in provede následující akce:
- Prohledá základ kódu na komponenty, které používají ukázková data, volání zástupných symbolů načtení nebo pevně zakódovaná pole. Mapuje tyto komponenty na vaše tabulky Dataverse.
- Vytvoří agenta integrace webového rozhraní API pro každou tabulku, která generuje:
- Sdílený klient rozhraní API se správou tokenů proti padělání a logikou opakování.
- Typy entit TypeScriptu a mapovače domény
- Vrstva služby CRUD.
- Vzory konkrétní architektury, např. hooky React, Vue composables nebo služby Angular.
- Vytvoří agenta Architekta oprávnění, který navrhuje oprávnění k tabulce a nastavení webu.
Návrh oprávnění zkontrolujete a schválíte. Modul plug-in nevytvoří žádné konfigurační soubory, dokud ho neověříte.
Přidání souhrnů generovaných AI (volitelné)
Spusťte /add-ai-webapi, chcete-li nad vaši integraci webového rozhraní API přidat souhrny generované umělou inteligencí. Dovednost propojuje dvě rozhraní API pro sumarizaci ve verzi Preview se stránkami detailu záznamu a seznamu:
- API pro souhrn vyhledávání: Vrací stručný souhrn výsledků vyhledávání vytvořený pomocí AI, včetně citací.
- Rozhraní API pro shrnutí dat: Vrátí shrnutí jednotlivých záznamů nebo přehledy na úrovni celé tabulky Dataverse.
Tento krok vychází z datového modelu z kroku 4 a integrace webového rozhraní API z kroku 6. Modul plug-in provede následující akce:
- Vyhledá v kódu souhrnné integrační body a potvrdí cílové stránky, tabulky a rozhraní API, která se mají použít.
- Deleguje všechny chybějící požadavky webového rozhraní API – oprávnění tabulky, seznamy sloupců a webové role – do
/integrate-webapia/create-webrolesproto existuje jediný zdroj pravdivých informací o oprávněních. - Vytvoří agenta Integrace AI Web API, který vygeneruje typovanou službu pro souhrny (
aiSummaryService.ts) s obsluhou tokenů proti padělání, wrappery specifickými pro framework (hooky React, Vue composables nebo služby Angular) a napojenými místy volání na cílových stránkách. - Vytvoří agenta AI Web API Settings Architect , který vytvoří
Summarizationnastavení webu pro výzvy a omezení obsahu.
Návrhy zkontrolujete a schválíte. Plugin negeneruje kód ani nevytváří nastavení, dokud to nepotvrdíte.
Note
Rozhraní API sumarizace jsou ve verzi Preview a závisí na zapnutých ovládacích prvcích na úrovni správy a webu. Pokud se souhrny po nasazení nezobrazí, ověřte, že je tato funkce povolená prostřednictvím příslušných nastavení webu a ovládacích prvků správce. Další informace najdete v tématu Přehled rozhraní API pro sumarizaci dat a Vyhledávání v Power Pages pomocí generativní umělé inteligence.
Krok 7: Vytvoření webových rolí
Spuštěním /create-webroles definujte role přístupu uživatelů. Plugin:
- Dotazuje vaše prostředí na existující webové role, aby nedocházelo k duplicitám.
- Generuje definice rolí s jedinečnými identifikátory.
- Vynucuje, aby každá lokalita má maximálně jednu anonymní roli a jednu ověřenou roli.
Krok 8: Nastavení ověřování
Spuštěním /setup-auth příkazu přidáte na web přihlašování, odhlášení a řízení přístupu na základě role. Modul plug-in podporuje následující zprostředkovatele identity a současně můžete nakonfigurovat jednoho nebo několik zprostředkovatelů.
| Provider | Nejlepší pro |
|---|---|
| Microsoft Entra Externí ID (doporučeno pro weby určené pro zákazníky) | Veřejné weby a zákaznické portály s samoobslužnou registraci |
| Microsoft Entra ID | Interní portály zaměstnanců nebo partnerské weby B2B (business-to-business). Power Pages automaticky nakonfiguruje nadřazeného tenanta webu, takže nemusíte zadávat informace o tenantovi. |
| Microsoft, Facebook, Google | Sociální přihlašování pro cílové skupiny uživatelů |
| Místní ověřování | Přihlášení pomocí uživatelského jména a hesla Nedoporučuje se a konfiguruje se jenom v případech, kdy ji explicitně požadujete. |
Další informace o podporovaných poskytovatelích, včetně protokolů a aspektů konfigurace, najdete v tématu Přehled ověřování v Power Pages.
Plugin:
- Analyzuje váš web (účel, stránky, cílovou skupinu) a navrhuje rozumné výchozí nastavení. Modul plug-in například navrhuje Microsoft Entra Externí ID s otevřenou registrací pro web určený zákazníkem nebo Microsoft Entra ID s registrací pouze s pozvánkou pro interní portál. Doporučení přijmete nebo vyberete vlastní poskytovatele.
- U každého poskytovatele vás provede všemi nezbytnými kroky v centru pro správu poskytovatele identity, jako je vytváření tenantů, registrace aplikací, vytváření toků uživatelů a zaznamenání ID klienta a identifikátorů URI pro přesměrování. Modul plug-in ověří každou hodnotu, kterou vložíte zpět do konverzace, a vypočítá přesný identifikátor URI přesměrování vašeho webu tak, aby hodnota vložená do registrace aplikace odpovídala hodnotě zapsané do nastavení webu.
- Ptá se, jak by data profilů uživatelů měla proudit od zprostředkovatele identity do záznamu kontaktu Služby Dataverse (mapování deklarací identity), jestli se mají synchronizovat jenom pro každé přihlášení nebo první přihlášení a jestli se mají automaticky propojit externí přihlášení k existujícím kontaktům e-mailem.
- Vygeneruje autentizační službu, deklarace typů, nástroje pro autorizaci na základě rolí (
hasRole,RequireAuth,RequireRole), hook pro udržování aktivní relace, který brání tomu, aby relace SPA nepozorovaně vypršela, a komponentu uživatelského rozhraní pro přihlášení/odhlášení integrovanou do rozvržení webu. Plugin využívá napříč celým řešením vzory vašeho frameworku, například hooky Reactu, composables ve Vue, služby v Angularu nebo komponenty Astro. - Pokud je nakonfigurován více než jeden poskytovatel, vygeneruje se stránka
/loginzobrazená ve vámi zvoleném rozložení: vodorovná řada, svislé uspořádání, primární zvýraznění nebo rozložení do záložek. - Zapíše odpovídající nastavení webu pod
.powerpages-site/site-settings/pro každého poskytovatele, režim registrace, mapování deklarací a volitelnou funkci.
Modul plug-in také při zapnutí nakonfiguruje následující volitelné funkce:
-
Podmínky:
/termsUživatelé stránky SPA musí před dokončením přihlášení přijmout a také odpovídající nastavení webu a fragmenty obsahu. -
Stránka profilu uživatele: Stránka
/user-profileSPA, kde přihlášení uživatelé upravují kontaktní údaje prostřednictvím webového rozhraní API Power Pages. - Federované odhlášení: Také odhlásí uživatele u zprostředkovatele identity, když se odhlásí z webu, ve scénářích se sdílenými zařízeními nebo v regulovaných prostředích.
Tip
Pokud chcete do existující lokality přidat druhého zprostředkovatele identity, spusťte /setup-auth to znovu. Modul plug-in zjistí, co už je nakonfigurované a nabízí přidání nového poskytovatele bez přepsání existujících. Tento přístup je užitečný pro přírůstkové scénáře, jako je začátek Microsoft Entra Externí ID a pozdější přidání Googlu pro přihlášení k sociální sítím.
Note
Autorizace na straně klienta (RequireAuth, RequireRole, hasRole) je určena pouze pro uživatelské prostředí. Určuje, co uživatel uvidí. Oprávnění tabulek na straně serveru nakonfigurovaná pomocí /integrate-webapi zajišťují skutečné zabezpečení.
Krok 9: Přidání logiky serveru
Spusťte /add-server-logic pro přidání zabezpečených koncových bodů na straně serveru do vašeho webu.
Logiku serveru použijte, když váš web potřebuje logiku, která se nedá spustit v prohlížeči, jako jsou externí volání rozhraní API, ověření na straně serveru, správa tajných kódů nebo operace s daty mezi entitou.
Important
Podpora logiky serveru vyžaduje rozhraní příkazového řádku PAC verze 2.6.3 nebo novější. Pomocí rychlého instalačního skriptu aktualizujte na nejnovější verzi.
Popište, co potřebujete srozumitelně, a plugin:
- Vytvoří agenta Server Logic Architect , který analyzuje váš případ použití a klasifikuje jeho složitost.
- Poskytuje návrh koncového bodu, konfiguraci zabezpečení a všechna požadovaná oprávnění tabulky ke kontrole.
- Po schválení vygeneruje koncový bod JavaScriptu na straně serveru na
/_api/serverlogics/<name>adrese . - Vytvoří typovou službu na straně klienta pro vyvolání koncového bodu z komponent.
- Aktualizuje vaše komponenty tak, aby volaly novou službu.
- Konfiguruje přiřazení webových rolí a oprávnění pro tabulky pro koncový bod.
Návrh zkontrolujete a schválíte. Dokud ho nepotvrdíte, vygeneruje se žádný kód.
Běžné případy použití:
- Připojte se k externím službám. Volání rozhraní REST API, Azure Functions nebo služeb třetích stran bez vystavení přihlašovacích údajů (Kurz: Interakce s externími službami)
- Provádění zabezpečených operací s daty Dotazování, aktualizace nebo odstranění záznamů Dataverse s konzistentním ověřováním na straně serveru (Kurz: Interakce s tabulkami Dataverse)
- Spusťte vlastní logiku. Agregujte data mezi tabulkami, vynucujte obchodní pravidla nebo počítejte odvozené hodnoty před vrácením výsledků klientovi.
- Správa tajných kódů na straně serveru Ukládat přihlašovací údaje a klíče rozhraní API na serveru, nikdy v klientském kódu. (Tutorial: práce s Microsoft Graph a SharePoint)
Note
Spusťte /add-server-logic jednou za případ použití. Pokud například váš web potřebuje koncový bod ověření inventáře i globální koncový bod vyhledávání, spusťte dovednost dvakrát.
Krok 10: Integrace cloudových toků
Spuštěním příkazu /add-cloud-flow integrujte existující toky cloudu Power Automate do vašeho webu. Tato dovednost propojuje váš Power Pages web s toky, které jste už vytvořili v Power Automate. Nevytváří nové cloudové toky.
Plugin:
- Zaregistruje existující cloudový tok na vašem webu.
- Vygeneruje kód na straně klienta, který spustí tok z vašich stránek.
- Zpracovává stavy a vzory zpětného volání pro asynchronní pracovní postup.
- Nastaví výměnu dat mezi stránkou a tokem.
Použijte /add-cloud-flow pro pracovní postupy schvalování, e-mailová oznámení, naplánované úlohy a automatizaci řízenou událostmi, které jsou lépe zpracovány Power Automate než koncovými body na straně serveru.
Alternativa: K naplánování úplné vrstvy služby použijte /integrate-back-end.
Pokud si nejste jistí, které funkce vyžadují webové rozhraní API, logiku serveru nebo tok cloudu, spusťte /integrate-backend místo ručního spuštění kroků 4 až 10. Tato dovednost funguje jako orchestrátor, který:
- Analyzuje váš prototyp a identifikuje všechny funkce, které potřebují vrstvu služby.
- Klasifikuje každou funkci do správného přístupu: Webové rozhraní API pro standardní CRUD, logiku serveru pro ověřování na straně serveru a externí rozhraní API nebo tok cloudu pro schvalovací pracovní postupy a automatizaci.
- Navrhuje sekvencovaný plán provádění se všemi dovednostmi, závislostmi a konfiguracemi.
- Po schválení orchestruje dovednosti ve správném pořadí.
Plán je trvalý, obnovitelný a upravitelný. Zastavte se po jakémkoli kroku, abyste zkontrolovali vygenerovaný kód nebo otestovali web, a znovu spusťte /integrate-backend místo, kde jste skončili.
Krok 11: Přidání SEO
Spusťte /add-seo optimalizaci webu pro vyhledávací weby. Plugin:
- Zjišťuje trasy z konfigurace směrovače vašeho rámce.
- Generuje direktivy vyhledávacího webu a mapu webu pro všechny zjištěné trasy.
- Přidá metaznačky: viewport, charset, description, Open Graph, Twitter Card a favicon reference.
Krok 12: Nasazení poslední lokality
Pokud provedete nějaké volitelné kroky, spusťte znovu /deploy-site, aby se změny aplikovaly živě. Modul plug-in spustí produkční sestavení a nahraje web společně se všemi artefakty nasazení (oprávněními k tabulce, nastavením webu, webovými rolemi, soubory logiky serveru) do vašeho Power Pages prostředí.
Krok 13: Spuštění kontroly zabezpečení
Před přechodem do produkčního prostředí spusťte /security-review komplexní kontrolu zabezpečení vašeho webu. Dovednost koordinuje specializované bezpečnostní dovednosti a sjednocuje všechna zjištění do jedné zprávy HTML na adrese docs/security-review-<timestamp>.html.
Plugin položí jednu srozumitelně formulovanou otázku ohledně vašeho cíle a vybere odpovídající sadu cílených dovedností:
| Goal | Co kontroluje |
|---|---|
| Kód a konfigurace | Zdrojový kód, závislosti, oprávnění tabulky a konfigurace ověřování. Funguje jenom na místních souborech – nevyžaduje se žádné nasazení. |
| Připravenost na vydání (doporučeno) | Úplná kontrola před publikováním Spouští každou specializovanou kontrolu: kód a závislosti, kontrolu nasazeného webu, bezpečnostní hlavičky prohlížeče, firewall webových aplikací, oprávnění tabulek a ověřování. |
| Nasazený web | Pouze živá kontrola nasazeného webu. Užitečné pro průběžné monitorování publikovaného webu. |
Po potvrzení plugin paralelně spustí odpovídající specializované dovednosti a zapíše jejich zjištění do jediné zprávy:
-
/scan-code: Spustí statickou analýzu (opengrep) a kontrolu závislostí (trivy) u místních zdrojových souborů. Zobrazí vzory kódu, zranitelné balíčky, pevně zakódované tajné kódy a problémy s licencemi. Pokud některý z nástrojů není nainstalovaný, dovednost nabízí ruční kontrolu kódu jako záložní. -
/scan-site: Spustí kontrolu zabezpečení na straně serveru na živém webu a načte nejnovější sestavu. Doba trvání kontroly závisí na velikosti webu – malé weby se dokončí v minutách, velké weby můžou trvat hodiny. Závěry jsou seskupeny podle závažnosti. Vyžaduje nasazený web. -
/manage-headers: Zkontroluje hlavičky zabezpečení HTTP nakonfigurované v části.powerpages-site/site-settings/: Zásady zabezpečení obsahu, X-Frame-Options, CORS, cookie SameSite a související nastavení. Identifikuje chybějící nebo slabé hodnoty a navrhuje doporučené výchozí hodnoty. -
/manage-firewall: Zkontroluje firewall webových aplikací (WAF) pro produkční web, včetně stavu spravovaného pravidla a vlastních pravidel (bloky IP adres, bloky zemí, bloky cest, limity rychlosti). Dostupné pouze v produkčních lokalitách v podporovaných oblastech; dovednost zjišťuje a hlásí problémy s způsobilostí. -
/audit-permissions: Kontroluje stávající oprávnění k tabulce vůči kódu webu a metadatům Dataverse. Zobrazí chybějící oprávnění, příliš permisivní role, nepoužitá oprávnění a problémy se schématem YAML.
Sloučená sestava seskupuje zjištění podle oddílu, otevře se ve výchozím prohlížeči a obsahuje pokyny k nápravě ve formátu prostého jazyka. V chatu pak plugin nabídne, že vás provede opravami – vyberte zjištění a plugin interaktivně spustí odpovídající specializovanou dovednost, aby provedl danou změnu.
Note
Kontrola zabezpečení nikdy neprovádí změny automaticky. Každá zaměřená dovednost běží v režimu kontroly jen pro čtení během konsolidovaného běhu. Pokud chcete použít opravu, modul plug-in vyvolá odpovídající dovednost interaktivně po výběru akce.
Tip
Můžete také spustit libovolnou specializovanou dovednost samostatně:
- Spuštěním
/scan-codeběhem vývoje zachyťte problémy na úrovni kódu včas. - Spuštěním
/manage-headersopravíte konkrétní chybu zásad zabezpečení obsahu nebo nastavíte CORS. - Spuštěním
/manage-firewallpříkazu přidáte limit rychlosti na přihlašovací stránce nebo zablokuje provoz podle země. - Spusťte
/audit-permissionspo změně oprávnění tabulky, abyste ověřili, že stále odpovídají kódu webu. - Znovu spusťte
/security-reviews cílem Nasazený web, abyste mohli v průběhu delší doby monitorovat produkční web.
Ověření webu
Po dokončení dovedností ověřte, že váš web Power Pages funguje správně.
- Přejděte na Power Pages.
- Vyhledejte svůj web v seznamu aktivních webů .
- Zobrazte náhled svého webu na ploše pomocí možnosti Náhled.
- Otestujte funkčnost.
Propagujte svůj web v různých prostředích
Jakmile bude váš web fungovat ve vašem vývojovém prostředí, využijte dovednosti správy životního cyklu aplikací (ALM) k jeho podpoře do testovacího a produkčního prostředí. Modul plug-in zabalí váš web jako řešení Power Platform, identifikuje hodnoty, které se v různých prostředích liší, a nasadí řešení prostřednictvím kanálů Power Platform nebo ručního exportu a importu.
Abyste mohli využívat dovednosti ALM, potřebujete alespoň jedno cílové prostředí Power Platform (testování, produkce nebo obojí). Pokud chcete pro tajné kódy použít volitelný tok Azure Key Vault, potřebujete také oprávnění k vytvoření trezoru klíčů ve vašem Azure předplatném.
Plánování nasazení
Spusťte /plan-alm, chcete-li začít.
/plan-alm je vstupním bodem ALM a orchestruje ostatní dovednosti ALM, takže je obvykle nespustíte přímo. Plugin:
- Zjistí aktuální stav vašeho projektu, řešení a cílových prostředí.
- Ptá se na vaši strategii nasazení (Power Platform Pipelines nebo ruční export a import), cílové fáze a veškerá omezení, která se mají uplatnit.
- Vygeneruje vizuální plán na
docs/alm-plan.html, který zobrazuje všechny akce, které hodlá provést. - Před spuštěním jakékoli podřízené dovednosti počká na schválení.
Plán se ukládá na disk, takže každá následná dovednost čte ze stejného uloženého plánu a zapisuje do něj. Pokud fáze selže, spusťte /plan-alm ji znovu a obnoví se z místa, kde se zastavila.
Vytvoření řešení
Spusťte /setup-solution, chcete-li zabalit svůj web jako řešení Power Platform. Plugin:
- Vytvoří vydavatele a řešení a poté přidá komponenty Power Pages: web, webové role, koncové body serverové logiky, registrace cloudových toků a nastavení poskytovatele OAuth.
- Klasifikuje každé nastavení webu podle citlivosti a navrhuje proměnné prostředí pro hodnoty, které se v různých prostředích liší.
- Nabízí zřízení Azure Key Vault a uložení hodnot typu přihlašovacích údajů, jako jsou připojovací řetězce a klíče rozhraní API.
- Spustí se v režimu synchronizace, pokud už řešení pro váš web existuje, aby se komponenty odsouhlasily bez vytvoření nového řešení.
Návrh zkontrolujete a schválíte. Plugin nevytvoří žádné nastavení, dokud jej nepotvrdíte.
Tip
Pokud je vaše řešení příliš velké nebo propletené na spolehlivé nasazení, modul plug-in doporučí rozdělení a navrhne, kde ho rozdělit. Před použitím změn potvrďte rozdělení.
Nasadit s kanály Power Platform
Pokud jste jako strategii nasazování zvolili Power Platform Pipelines, modul plug-in spouští tyto dovednosti:
-
/ensure-pipelines-hostzřizuje nebo zjišťuje hostitelské prostředí pro Power Platform Pipelines. Dovednost vybere pro vašeho klienta dostupnou možnost s nejnižšími náklady: bezplatně hostovanou platformu, aplikaci Pipelines ve stávajícím prostředí nebo vlastního hostitele. -
/setup-pipelinezaregistruje definici kanálu ve službě Dataverse, nakonfiguruje vámi zvolené fáze a každou fázi sváže s cílovým prostředím. -
/deploy-pipelinespustí nasazení pro danou fázi, prostřednictvímdeploymentSettings.jsonaplikuje přepsání proměnných prostředí pro jednotlivé fáze a sleduje stav v evidenci nasazení.
Pokud nasazení selže, protože cílové prostředí je již propojené s jiným hostitelem kanálů Power Platform, může se modul plug-in spustit /force-link-environment a znovu ho přiřadit. Akce vyžaduje váš explicitní souhlas a je nevratná.
Nasazení pomocí ručního exportu a importu
Pokud zvolíte ruční cestu, modul plug-in se spustí:
-
/export-solutionk exportu řešení jako spravovaného nebo nespravovaného souboru ZIP s kontrolou úplnosti před exportem. -
/import-solutionk importu souboru ZIP do cílového prostředí, buď postupně, aby se nejprve ověřily závislosti, nebo přímo.
Aktivace a ověření nasazené lokality
Po úspěšném nasazení v cílovém prostředí modul plug-in:
- Spustí
/activate-sitek vytvoření veřejné URL v cílovém prostředí. - Spustí
/test-sitepro ověření nasazení. Zásuvný modul využívá prohlížeč k procházení reprezentativních stránek, spouštění kontrol přístupu podle rolí, ověřování volání/_api/a zachycení struktur odpovědí z koncových bodů/_api/serverlogics/. Funkce hlásí výsledek jakoPASS,WARNINGSneboFAIL, přičemž plán obsahuje odkazy na podrobnosti o jednotlivých kontrolách.
Pokud krok selže, modul plug-in spustí /diagnose-deployment. Dovednost porovnává selhání s katalogem známých chyb nasazení, jako jsou zastaralý manifest, chybějící závislosti, konflikty hostitelů, blokovaný JavaScript nebo prošlé ověření, a navrhne konkrétní řešení. Plugin nikdy nepoužije opravu bez vašeho souhlasu.
Note
Každá dovednost ALM čte z artefaktů na disku a zapisuje je do něj: manifest řešení, plánování dat, registru kanálu, registr nasazení a výsledky testů. Orchestrace je obnovitelná a auditovatelná. Pokud chcete zjistit, co se stalo v jakémkoli kroku, prozkoumejte artefakty.
Tipy a osvědčené postupy
Následující tipy vám pomohou získat co nejvíce z doplňku a AI agenta pro kódování při vytváření stránek Power Pages.
Sledujte výstup z terminálu pro chybějící nástroje při prvním spuštění
Plugin poskytuje dovednosti a pracovní postupy, ale agent pro kódování AI – GitHub Copilot CLI nebo Claude Code – spouští skutečné příkazy ve vašem systému. Když tyto nástroje použijete poprvé, pozorně sledujte výstup terminálu. Agent pro kódování AI spouští příkazy a skripty na pozadí a některé z těchto příkazů závisí na nástrojích, které nemusí být na vašem počítači nainstalované. Pokud krok selže, výstup terminálu obvykle ukazuje, který nástroj nebo příkaz se nepodařilo najít.
Pokud se zobrazí chyba podobná command not found nebo is not recognized, nainstalujte chybějící nástroj a znovu aktivujte pracovní postup. AI agent pro kódování pokračuje tam, kde skončil, jakmile je tento nástroj dostupný.
Kontrola návrhů agentů před schválením
Agent kódování AI před provedením změn prezentuje návrhy, například návrhy od architekta datového modelu a architekta oprávnění. Kód a konfigurace vygenerované agentem kódování AI můžou být nepřesné, proto před schválením nebo nasazením zkontrolujte, otestujte a ověřte všechny návrhy a veškerý vygenerovaný kód.
- Návrhy datového modelu: Zkontrolujte, jestli názvy tabulek, typy sloupců a relace odpovídají vašim obchodním požadavkům. Návrh je jednodušší upravit než přejmenovat sloupce po vložení dat.
- Návrhy oprávnění: Ověřte, že každá role má správnou úroveň přístupu (vytvoření, čtení, aktualizace, odstranění) pro každou tabulku. Nadměrná oprávnění tabulek jsou běžným rizikem zabezpečení.
- Vygenerovaný kód: Před nasazením si pročtěte vygenerovaný kód a otestujte web místně. Vygenerovaný kód AI může obsahovat chyby nebo problémy se zabezpečením.
Vkládejte chyby přímo s kontextem
Pokud něco selže, ať už se jedná o chybu sestavení, selhání nasazení nebo výjimku modulu runtime v prohlížeči, zkopírujte úplný výstup chyby. Vložte ho spolu se stručným popisem toho, co jste dělali. Čím více kontextu zadáte, tím rychleji se oprava vyřeší.
Příklad: Chyba sestavení
I ran npm run build and got this error. Fix it.
error TS2339: Property 'jobTitle' does not exist on type 'JobPosting'.
src/components/JobCard.tsx:24:31
24 <Text>{posting.jobTitle}</Text>
Tip
Uveďte název souboru, příkaz, který jste spustili, a to, co jste očekávali. Modul plug-in tento kontext používá k vyhledání problému a použití cílové opravy, nikoli k odhadování.
Sdílejte chyby webového rozhraní API s úplnou adresou URL požadavku
Běžným problémem po nasazení je chyba 403 z webového rozhraní API Power Pages, když není povolený sloupec pro přístup k rozhraní API. Když narazíte na tuto chybu, vložte úplnou adresu URL rozhraní API a úplnou chybovou odpověď JSON. Chybová zpráva vám přesně řekne, kterou tabulku a sloupec je potřeba opravit, a plugin může za vás aktualizovat nastavení oprávnění tabulky a YAML souboru na webu.
Příklad: Sloupec není povolený pro webové rozhraní API (403)
I'm getting a 403 error when the documents page loads. Here's the API call and the response. Fix the issue so this API works.
URL:
https://my-site.powerappsportals.com/_api/crd50_documents?$select=crd50_documentid,crd50_name,crd50_documentcategory,crd50_filetype,crd50_filesize,crd50_updateddate,crd50_description,_crd50_propertyid_value
Response:
{
"error": {
"code": "90040101",
"message": "Attribute _crd50_propertyid_value in table crd50_document is not enabled for Web Api.",
"innererror": {
"code": "90040101",
"message": "Attribute _crd50_propertyid_value in table crd50_document is not enabled for Web Api.",
"type": "AttributePermissionIsMissing"
}
}
}
Tato chyba (AttributePermissionIsMissing) znamená, že vyhledávací sloupec _crd50_propertyid_value existuje v tabulce Dataverse, ale není uvedený v konfiguraci oprávnění tabulky pro webové rozhraní API. Plugin tuto chybu vyřeší přidáním chybějícího sloupce do YAML oprávnění tabulky v .powerpages-site/table-permissions/ a opětovným nasazením.
Note
Webové rozhraní API služby Power Pages vyžaduje, aby byl každý sloupec vrácený voláním rozhraní API explicitně uveden v oprávnění tabulky.
Vlastnosti vyhledávání (s předponou _ a příponou _value) se dají snadno vynechat, protože jejich název rozhraní API se liší od logického názvu sloupce v Dataverse. Až uvidíte AttributePermissionIsMissing, vždy přidejte tento sloupec do oprávnění tabulky. Neměňte dotaz rozhraní API.
Konkrétní informace o tom, co chcete
Vágní požadavky vytvářejí nejasné výsledky. Řekněte modulu plug-in přesně, co potřebujete, včetně předvoleb rozložení, datových polí a chování.
| Místo | Zkušební verze |
|---|---|
| Vytvořte stránku pro pracovní pozice | "Vytvoření stránky výpisů pracovních míst s vyhledávacím panelem v horní části, filtrováním čipů pro umístění a oddělení a mřížkou karet zobrazující název, společnost, rozsah platů a datum publikování pro každou práci" |
| Upravit styl | "Karty úloh se skládají svisle na ploše. Zajistěte, aby se zobrazovaly v mřížce se třemi sloupci a mezerou 16 pixelů na obrazovkách širších než 768 pixelů. |
| Přidejte data | "Přidejte 20 ukázkových pracovních míst ve čtyřech odděleních (Engineering, Marketing, Sales, HR) s realistickými tituly, rozsahy platů v rozmezí 60 tisíc až 180 USD a publikovaná data za posledních 30 dnů. |
| "Nastavení rozhraní API" | "Připojte komponentu JobListings k tabulce cr_jobposting Dataverse. Nahraďte pevně zakódované pole skutečným voláním rozhraní API, které načte název, oddělení, plat a datum zaúčtování" |
| "Přidat přihlášení" | "Nastavte přihlašování Microsoft Entra Externí ID s otevřenou registrací a Google jako druhého poskytovatele. Zobrazí je jako vodorovný řádek na přihlašovací stránce. |
Použijte snímky obrazovky pro vizuální problémy.
Pokud web nevypadá přímo v prohlížeči, pořídit snímek obrazovky a vložit ho přímo do konverzace nebo zadat cestu k souboru. Vizuální kontext pomáhá identifikovat problémy s rozložením, mezerou a styly, které se obtížně popisují v textu.
The header overlaps the hero section on mobile. Here's a screenshot:
[paste screenshot or provide path to screenshot file]
Fix the header so it doesn't overlap. It should be a fixed header with the content starting below it.
Iterace v malých krocích
Místo toho, abyste popisovali celý web pomocí jednoho zadání, budujte jej postupně. Začněte strukturou a rozložením a přidejte funkce po jednom. Tento přístup vám dává možnost zkontrolovat a opravit kurz v každém kroku.
Step 1: /create-site → Get the basic scaffold and layout right
Step 2: "Add a hero section to the home page with a search bar"
Step 3: "Add a job listings page with filter and sort"
Step 4: "Add a job detail page that shows full description"
Step 5: /setup-datamodel → Create tables now that you know the data shape
Step 6: /integrate-webapi → Wire up real data
Tip
Po každém kroku zkontrolujte náhled prohlížeče. Pokud něco není v pořádku, opravte ho před tím, než začnete. Je jednodušší vyřešit problémy v jedné komponentě, než oddělit problémy na celém webu.
Před schválením požádejte o vysvětlení.
Pokud si nejste jisti navrhovanou změnou, zejména pokud jde o oprávnění, úpravy datového modelu nebo konfiguraci ověřování, požádejte modul plug-in, aby vysvětlil, co plánuje udělat a proč, než to schválíte.
Before you create the table permissions, explain what access each role will have and why. I want to understand the security implications.
Spuštění dovedností nezávisle pro řešení problémů
Pokud dovednost selže uprostřed procesu, nemusíte začínat znovu. Každá dovednost běží nezávisle a může pokračovat tam, kde skončila. Pokud například /integrate-webapi selže na třetí tabulce, můžete ho spustit znovu a rozpozná dokončenou práci.
/integrate-webapi failed while processing the cr_applications table. Here's the error: [paste error]. Resume the integration from where it stopped.
Související obsah
- Vytvoření a nasazení jednostrákové aplikace v Power Pages
- Konfigurování ověřování pro lokalitu Power Pages
- Přehled logiky serveru
- Referenční informace k webovému rozhraní API služby Power Pages
- Přehled rozhraní API pro sumarizaci dat
- Vyhledávání v Power Pages pomocí generativní AI
- Referenční informace k příkazům stránek rozhraní příkazového řádku PAC
- GitHub Copilot CLI
- Claude Code