Notatka
Dostęp do tej strony wymaga autoryzacji. Może spróbować zalogować się lub zmienić katalogi.
Dostęp do tej strony wymaga autoryzacji. Możesz spróbować zmienić katalogi.
[Ten temat pochodzi ze wstępnej wersji dokumentacji i może ulec zmianie.]
W tym artykule opisano sposób użycia narzędzi do generowania kodu za pomocą sztucznej inteligencji, takich jak GitHub Copilot CLI oraz Claude Code, do tworzenia i edytowania generatywnych stron dla aplikacji opartych na modelu w Power Apps. Takie podejście umożliwia integrację zaawansowanych funkcji generowania kodu bezpośrednio z przepływem pracy programowania, co umożliwia tworzenie nowych stron generujących lub iterowanie istniejących przy użyciu instrukcji języka naturalnego.
Ważna
- Jest to funkcja w wersji zapoznawczej.
- Funkcje w wersji zapoznawczej nie są przeznaczone do użytku w środowiskach produkcyjnych i mogą mieć ograniczoną funkcjonalność. Te funkcje są udostępniane przed oficjalnym wydaniem, dzięki czemu klienci mogą szybciej uzyskać do nich dostęp i przekazać opinie na ich temat.
Użycie narzędzi generowania kodu sztucznej inteligencji z generatywnymi stronami oferuje alternatywną metodę tworzenia aplikacji, która uzupełnia środowisko graficzne w Power Apps (make.powerapps.com). To podejście oparte na kodzie jest przeznaczone dla deweloperów i twórców technicznych, którzy wolą pracować z lokalnymi narzędziami programistycznymi i przepływami pracy opartymi na interfejsie wiersza polecenia.
Co można zrobić za pomocą narzędzi do generowania kodu
- Tworzenie nowych stron generujących przy użyciu wymagań dotyczących zwykłego języka
- Aktualizowanie istniejących generatywnych stron poprzez wprowadzanie zmian lub ulepszeń za pomocą narzędzia sztucznej inteligencji
- Deploy bezpośrednio do środowiska Power Apps przy użyciu poleceń interfejsu wiersza polecenia PAC CLI
- Praca lokalnie z preferowanym środowiskiem IDE i narzędziami programistycznymi
Jak to działa
- Opisujesz, co chcesz zbudować w sposób naturalny, na przykład: "Utwórz panel generacyjny strony wyświetlający najważniejsze konta według przychodów".
- Narzędzie do generowania kodu AI używa zainstalowanych umiejętności generowania treści lub innego kontekstu o stronach generatywnych, aby zadawać pytania uściślające na temat Twoich wymagań.
- Narzędzie generuje kod TypeScript i React gotowy do produkcji dla Twojej strony generacyjnej.
- Narzędzie wdraża kod w środowisku przy użyciu poleceń generowania stron PAC w wierszu polecenia CLI.
- Strona generatywna pojawia się w Twojej aplikacji opartej na modelu.
Wymagania wstępne
Przed rozpoczęciem upewnij się, że masz wymagane oprogramowanie i uprawnienia opisane tutaj.
Wymagania dotyczące oprogramowania
| Składnik | Minimalna wersja | Więcej informacji |
|---|---|---|
| Node.js | 18.0 lub nowszy | Pobieranie Node.js |
| Interfejs wiersza polecenia platformy Power Platform (interfejs wiersza polecenia PAC) | Latest | Zainstaluj PAC CLI |
| interfejs wiersza polecenia GitHub Copilot, Claude Code lub inne narzędzie do generowania kodu | Latest | GitHub Copilot cli lub Claude Code |
Wymagania dodatkowe
- Środowisko platformy Power Platform z aplikacją opartą na modelu do wdrażania stron.
-
Uwierzytelniona sesja PAC CLI połączona ze środowiskiem docelowym.
- Przejdź do Autentykacja CLI Power Platform aby uzyskać więcej informacji na temat łączenia się.
Uwaga / Notatka
Środowisko platformy Power Platform musi znajdować się w regionie USA. Ta funkcja wkrótce będzie dostępna w innych regionach.
Instalowanie wtyczki
Uruchom instalatora, aby skonfigurować wszystkie wtyczki platformy Power Platform w programie PowerShell lub w oknie polecenia Windows.
iwr https://raw.githubusercontent.com/microsoft/power-platform-skills/main/scripts/install.js -OutFile install.js; node install.js; del install.js
curl -fsSL https://raw.githubusercontent.com/microsoft/power-platform-skills/main/scripts/install.js | node
Instalator automatycznie:
- Rozpoznaje dostępne narzędzia (Claude Code, GitHub Copilot CLI)
- Rejestruje rynek wtyczek i instaluje wszystkie wtyczki
- Włącza automatyczną aktualizację, dzięki czemu wtyczki pozostają aktualne
Po zakończeniu instalacji uruchom ponownie narzędzie sztucznej inteligencji w razie potrzeby.
Zainstaluj tylko wtyczkę strony generującej
Aby zainstalować tylko wtyczkę strony generatywnej dla GitHub Copilot CLI lub Claude Code:
- Dodaj wtyczkę Power Platform Skills marketplace:
/plugin marketplace add microsoft/power-platform-skills - Zainstaluj wtyczkę Power Apps:
/plugin install model-apps@power-platform-skills
Uwaga / Notatka
W przypadku programu Claude Code możesz zainstalować wtyczkę z różnymi zakresami, takimi jak globalny, lokalny lub użytkownik. W zależności od zakresu musisz znajdować się w odpowiednim katalogu, aby Claude Code mógł korzystać z wtyczki. Przejdź do rozszerzenia Claude'a o umiejętności
Po zainstalowaniu można użyć wtyczki za pomocą jednego z następujących elementów:
- Uruchomienie polecenia
/genpagew sposób jawny. - Opisywanie strony, którą chcesz utworzyć. Narzędzie automatycznie wykrywa wtyczkę i używa jej.
Wskazówka
Włącz automatyczną aktualizację, aby automatycznie otrzymywać aktualizacje dotyczące rynku i umiejętności.
/plugin Użyj polecenia, przejdź do Marketplaces, wybierz marketplace i włącz automatyczną aktualizację.
Korzystanie z innych narzędzi do generowania kodu sztucznej inteligencji
W przypadku innych narzędzi do generowania kodu sztucznej inteligencji upewnij się, że narzędzie ma dostęp do zasobów generatywnej strony z repozytorium GitHub Power Platform skills. Folder wtyczki aplikacji modelu zawiera dokumentację komponentów, przykładowy kod źródłowy, dokumentację poleceń CLI PAC i instrukcje przepływu pracy niezbędne do tworzenia kodu spełniającego wymagania stron generatywnych, w tym sposobu tworzenia stron obsługujących wiele języków i regionów. Zapoznaj się z plikiem readme repozytorium, aby uzyskać informacje na temat uzyskiwania dostępu do tych zasobów i korzystania z nich za pomocą preferowanego narzędzia.
Omówienie umiejętności
Wtyczka Power Apps zapewnia tę umiejętność pracy ze stronami generatywnymi.
| Umiejętność | Command | Opis |
|---|---|---|
| Strony generatywne | /genpage |
Tworzenie kodu dla stron generacyjnych (w scenariuszach tworzenia lub edytowania) |
Ta umiejętność umożliwia opisanie tego, co chcesz utworzyć, a następnie pozwala narzędziu sztucznej inteligencji wygenerować kompletny kod TypeScript i React dla Twojej strony generatywnej, aby wdrożyć go bezpośrednio w środowisku Power Apps.
Utwórz nową stronę generatywną
Postępuj zgodnie z tym przepływem pracy podczas tworzenia nowej strony od podstaw.
Rozpocznij konwersację z narzędziem sztucznej inteligencji. Opisz, co chcesz utworzyć, w tym dane, które chcesz uwzględnić (które tabele usługi Dataverse lub czy chcesz utworzyć przykładowe dane makiety). Bądź tak szczegółowy, jak chcesz — tym bardziej niejasne jest żądanie, tym więcej szczegółów agent próbuje wypełnić. Możesz również dołączyć obraz lub inne materiały, aby ułatwić przewodnik po wizualizacjach, motywach i układzie. Przykład:
- Utwórz stronę generatywną pulpitu nawigacyjnego pokazującą nasze 10 najważniejszych kont pod względem przychodu przy użyciu tabeli Account
- "Tworzenie formularza strony generowania i edytowania rekordów kontaktów przy użyciu przykładowych danych"
- "Utwórz stronę generowania na potrzeby wyświetlania raportów zdarzeń na mapie przy użyciu tabeli Incydent"
- "Tworzenie strony generowania wizualizacji potoku sprzedaży z szansami sprzedaży przy użyciu nowoczesnego niebieskiego motywu"
Odpowiedz na pytania objaśniające. Narzędzie sztucznej inteligencji zadaje pytania, aby zrozumieć wymagania. Należy określić wymagania biznesowe i wymagania dotyczące danych, wcześnie zidentyfikować wymagania dotyczące urządzeń przenośnych i wspomnieć o określonych składnikach interfejsu użytkownika lub preferencjach układu.
Zapoznaj się z planem implementacji. Narzędzie sztucznej inteligencji przedstawia plan opisujący składniki, które mają być tworzone, tabele i kolumny usługi Dataverse do użycia, kluczowe funkcje i interakcje oraz podejście do pobierania danych. Upewnij się, że plan spełnia twoje wymagania lub zażądaj zmian.
Przejrzyj kod i wdróż. Narzędzie sztucznej inteligencji generuje pełny kod TypeScript. Poproś narzędzie o opublikowanie lub wdrożenie strony, gdy wszystko będzie gotowe, opcjonalnie określając nazwę mapy witryny (narzędzie domyślnie generuje zrozumiałą nazwę).
Testowanie i iterowanie. Otwórz aplikację opartą na modelu w Power Apps i przejdź do nowej strony przy użyciu mapy witryny. Jeśli musisz wprowadzić zmiany, wróć do narzędzia sztucznej inteligencji i opisz aktualizacje przy użyciu języka naturalnego.
Uwaga / Notatka
Nazwę lub położenie strony generatywnej w mapie witryny można zmienić w dowolnym momencie, korzystając z projektanta aplikacji sterowanej modelem.
Edytowanie istniejącej strony generatywnej
Użyj tego przepływu pracy, aby zaktualizować stronę, która już istnieje w danym środowisku.
Pobierz istniejącą stronę. W narzędziu do generowania kodu sztucznej inteligencji poproś o pobranie istniejącej strony generowania, podając identyfikator strony (GUID) lub nazwę strony na mapie witryny i aplikację, w niej znajduje się. Na przykład "Chcę zaktualizować stronę generatywną Adopcji Zwierząt z poziomu aplikacji demonstracyjnej".
Opisz aktualizacje. Poinformuj narzędzie sztucznej inteligencji o zmianach, które chcesz wprowadzić. Przykład:
- "Dodawanie filtru w celu wyświetlania tylko aktywnych rekordów"
- "Zmień układ, aby wyświetlić karty w siatce zamiast listy"
- "Dodaj wykres przedstawiający trendy wdrażania w czasie"
- Zaktualizuj formularz, aby uwzględnić nowe niestandardowe pole dla temperamentu zwierząt.
Przeglądanie, publikowanie, testowanie i iterowanie. Narzędzie sztucznej inteligencji generuje zaktualizowany kod TypeScript na podstawie żądanych zmian. Postępuj zgodnie z tym samym procesem przeglądu, publikacji i testowania opisanym w sekcji "Tworzenie nowej strony generatywnej". Kontynuuj iterowanie przy użyciu instrukcji języka naturalnego, dopóki strona nie spełnia wymagań.
Lokalizacja
Podczas tworzenia strony generatywnej za pomocą wtyczki Power Apps dla Claude Code lub GitHub Copilot CLI, lokalizacja jest obsługiwana automatycznie. Agent wykrywa wszystkie języki włączone w danym środowisku i generuje kod, aby strona współdziałała ze wszystkimi tymi językami. Strona uwzględnia preferowany język użytkownika i preferencje regionalne formatowania dat, liczb i waluty.
Jeśli chcesz ustawić inny zestaw języków niż te włączone w danym środowisku, możesz poprosić agenta o dostosowanie, na przykład:
"Zaktualizuj tę stronę, aby obsługiwać tylko angielski, francuski i hiszpański".
Uwaga / Notatka
Wpis mapy witryny dla strony generatywnej nie jest domyślnie zlokalizowany. Aby zlokalizować wpisy mapy witryny, zaktualizuj je oddzielnie w projektancie aplikacji.
Aby uzyskać więcej informacji, przejdź do instrukcji dotyczących lokalizacji w repozytorium Umiejętności platformy Power Platform.
Rozwiązywanie problemów
Nie można załadować strony w Power Apps
Jeśli przejdziesz do strony generowania i zobaczysz komunikat o błędzie lub pusty ekran:
Otwórz narzędzia deweloperskie przeglądarki (F12 w większości przeglądarek).
Wybierz kartę Konsola .
Skopiuj pełny komunikat o błędzie, w tym ślad stosu.
Wróć do narzędzia generowania kodu sztucznej inteligencji i wklej błąd z kontekstem:
"Otrzymuję ten błąd podczas otwierania strony: [błąd wklejania tutaj]. Rozwiąż ten problem.
Narzędzie sztucznej inteligencji analizuje błąd, identyfikuje główną przyczynę i generuje poprawkę.
Przejrzyj poprawkę i poproś narzędzie o ponowne opublikowanie strony.
Przywracanie do wersji roboczej
Jeśli ostatnie zmiany uszkodziły Twoją stronę lub nasiliły problemy, możesz skorzystać z narzędzia sztucznej inteligencji, aby przywrócić poprzednią działającą wersję.
Ostatnie zmiany zepsuły stronę. Wróć do ostatniej działającej wersji".
Następnie narzędzie sztucznej inteligencji:
- Identyfikuje wprowadzone zmiany
- Przywraca poprzedni kod roboczy
- Ponownie wdraża stabilną wersję
Najlepsze rozwiązania
- Rozpocznij od prostego. Zacznij od podstawowej wersji strony i iteruj, aby zwiększyć złożoność.
- Testować częściej. Wdróż i przetestuj stronę po każdej znaczącej zmianie.
- Podawaj konkretne informacje. Podaj szczegółowe wymagania, aby uzyskać lepsze wyniki początkowe.
- Użyj istniejących wzorców. Odwołaj się do podobnych stron lub wzorców interfejsu użytkownika podczas opisywania wymagań.
- Zweryfikuj wygenerowany kod. Zawsze przejrzyj wygenerowany kod, aby upewnić się, że spełnia standardy i wymagania dotyczące zgodności organizacji.
Ważna
Chociaż narzędzia do generowania kodu sztucznej inteligencji podejmują najlepszą próbę wygenerowania kompletnego, gotowego do produkcji kodu z najlepszymi rozwiązaniami dotyczącymi ułatwień dostępu i zabezpieczeń, ostatecznie odpowiadasz za walidację kodu. Upewnij się, że wygenerowany kod spełnia standardy, zasady i wymagania dotyczące zgodności organizacji.
Ograniczenia
Ograniczenia dotyczące stron generowania utworzonych za pomocą narzędzi generowania kodu sztucznej inteligencji są takie same jak w przypadku stron generowania utworzonych w portalu Power Apps maker:
- Strona może łączyć się tylko z tabelami Dataverse.
- Współpraca nie jest obsługiwana — upewnij się, że tylko jeden twórca pracuje na stronie generatywnej w danym momencie.
- Obsługiwane są tylko te typy danych: Wybór, Waluta, Klient, Data i Godzina, Tylko data, Liczba dziesiętna, Liczba zmiennoprzecinkowa, Obraz, Wyszukiwanie, Tekst wielowierszowy, Stan, Przyczyna stanu, Tekst, Liczba całkowita, Tak/Nie, Unikatowy identyfikator.