Tworzenie aplikacji w Power Apps na podstawie listy SharePoint: Przewodnik dla początkujących
Dowiedz się, jak krok po kroku stworzyć aplikację w Power Apps opartą o listę SharePoint – idealny przewodnik dla początkujących użytkowników Microsoft 365.
Artykuł przeznaczony dla początkujących i osób biznesowych oraz citizen developerów korzystających z Microsoft 365, którzy chcą stworzyć aplikację canvas w Power Apps na bazie listy SharePoint.
Z tego artykułu dowiesz się
- Czym są aplikacje typu canvas w Power Apps i czym różnią się od aplikacji model-driven?
- Jak przygotować listę SharePoint jako źródło danych i podłączyć ją do aplikacji Power Apps?
- Jak zaprojektować prosty interfejs, dodać podstawową logikę (Power Fx) oraz przetestować i opublikować aplikację?
Wprowadzenie do Power Apps i aplikacji typu canvas
Power Apps to platforma stworzona przez Microsoft, która umożliwia tworzenie niestandardowych aplikacji biznesowych bez konieczności pisania dużej ilości kodu. Dzięki niej użytkownicy — nawet bez zaawansowanej wiedzy programistycznej — mogą szybko budować aplikacje, które wspierają codzienne procesy w organizacjach. Power Apps integruje się z wieloma usługami Microsoft 365, w tym SharePoint, co czyni ją szczególnie atrakcyjną dla firm już korzystających z ekosystemu Microsoft.
Istnieją dwa główne typy aplikacji w Power Apps: canvas oraz model-driven. W tym artykule skupimy się na aplikacjach typu canvas, które oferują pełną kontrolę nad wyglądem i układem interfejsu użytkownika. Projektowanie aplikacji canvas przypomina tworzenie slajdu w PowerPoint – twórca przeciąga i upuszcza elementy wizualne, takie jak przyciski, galerie, formularze czy etykiety, i łączy je z danymi oraz logiką biznesową.
Aplikacje canvas są idealne do budowania prostych, intuicyjnych interfejsów dla konkretnych celów biznesowych, takich jak zgłoszenia serwisowe, śledzenie zadań czy rejestracja czasu pracy. Ich elastyczność pozwala tworzyć rozwiązania dostosowane do urządzeń mobilnych, tabletów i komputerów stacjonarnych.
Jednym z kluczowych elementów aplikacji canvas jest możliwość łatwego łączenia się z różnymi źródłami danych — w tym z listami SharePoint, co umożliwia tworzenie dynamicznych aplikacji operujących na aktualnych informacjach. Dzięki temu użytkownicy mogą np. przeglądać, dodawać i edytować elementy listy SharePoint bezpośrednio z poziomu aplikacji Power Apps.
Choć aplikacje canvas można rozszerzać o funkcje przy użyciu formuł przypominających składnię Excela, ich główną zaletą jest prostota i szybkość tworzenia rozwiązań bez konieczności programowania. Przykładowo, aby ustawić widoczność przycisku w zależności od roli użytkownika, można użyć formuły:
If(User().Email = "jan.kowalski@firma.pl", true, false)Tego typu podejście pozwala zbudować aplikację dostosowaną do konkretnych potrzeb zespołu czy działu, bez angażowania całego działu IT.
Przygotowanie listy SharePoint jako źródła danych
Zanim rozpoczniemy tworzenie aplikacji w Power Apps, kluczowym krokiem jest przygotowanie odpowiedniego źródła danych. W przypadku integracji z Microsoft SharePoint będzie to lista SharePoint, czyli rodzaj struktury danych przechowującej informacje w postaci wierszy i kolumn – podobnie jak arkusz kalkulacyjny, ale z dodatkowymi możliwościami zarządzania uprawnieniami, wersjonowania czy integracji z usługami Microsoft 365.
Lista SharePoint może pełnić rolę głównej bazy danych aplikacji: przechowuje informacje, które użytkownicy będą przeglądać, edytować lub dodawać za pomocą interfejsu aplikacji. Możemy w niej przechowywać m.in. zadania, zgłoszenia serwisowe, zamówienia czy dane kontaktowe – wszystko zależy od zastosowania aplikacji.
Tworząc listę SharePoint jako źródło danych, warto pamiętać o kilku istotnych aspektach:
- Struktura pól (kolumn): Każda kolumna w liście powinna odpowiadać jednemu typowi danych, np. tekst, liczba, data, osoba, tak/nie. Poprawne zdefiniowanie typów danych znacząco ułatwia późniejszą integrację z Power Apps.
- Spójna nazwa i przejrzystość: Nazwy kolumn powinny być jednoznaczne i zrozumiałe. Unikaj zbyt ogólnych nazw jak „Pole1” – utrudnia to późniejszą konfigurację aplikacji.
- Dostępność i uprawnienia: Lista musi znajdować się w witrynie SharePoint, do której użytkownicy aplikacji mają dostęp – zarówno do odczytu, jak i ewentualnego zapisu danych.
- Dane przykładowe: Dobrą praktyką jest dodanie kilku przykładowych rekordów, które pozwolą lepiej przetestować działanie aplikacji podczas jej tworzenia.
Nie trzeba posiadać zaawansowanej wiedzy programistycznej, aby utworzyć taką listę – wystarczy dostęp do SharePointa i podstawowe umiejętności pracy z interfejsem witryny. Po utworzeniu listy będzie ona gotowa do połączenia z Power Apps jako główne źródło danych Twojej aplikacji.
Tworzenie nowej aplikacji canvas w Power Apps
Tworzenie aplikacji typu canvas w Power Apps to proces, który umożliwia użytkownikowi pełną kontrolę nad wyglądem i układem interfejsu. Aplikacje canvas są często wybierane w scenariuszach, gdzie kluczową rolę odgrywa dostosowanie wizualne oraz interakcje użytkownika z danymi z różnych źródeł – w tym z list SharePoint. W tej sekcji omówimy, jak rozpocząć proces budowy aplikacji typu canvas od podstaw.
Różnice między typami aplikacji w Power Apps
| Typ aplikacji | Charakterystyka | Typowe zastosowania |
|---|---|---|
| Canvas | Pełna swoboda projektowania interfejsu – użytkownik przeciąga i upuszcza elementy na ekranie. | Dedykowane aplikacje biznesowe, aplikacje mobilne, prototypy UI. |
| Model-driven | Interfejs generowany automatycznie na podstawie struktury danych (np. Microsoft Dataverse). | Zaawansowane systemy zarządzania, aplikacje CRM, ERP. |
Kroki tworzenia nowej aplikacji canvas
Aby rozpocząć tworzenie aplikacji canvas w Power Apps, wykonaj poniższe kroki:
- Zaloguj się do Power Apps Studio.
- Na stronie głównej kliknij „Create” (Utwórz).
- Wybierz opcję „Canvas app from blank” (Aplikacja canvas od podstaw).
- Nadaj aplikacji nazwę, np. „Zgłoszenia IT”.
- Wybierz format aplikacji: Tablet lub Phone – zależnie od planowanego sposobu jej użycia.
- Kliknij „Create” (Utwórz).
Środowisko projektowe
Po utworzeniu aplikacji zostaniesz przeniesiony do edytora typu canvas, który przypomina znane narzędzia do projektowania typu „przeciągnij i upuść”. Składa się on z następujących elementów:
- Pasek właściwości – umożliwia konfigurację zaznaczonych kontrolek.
- Drzewo obiektów – pokazuje strukturę elementów aplikacji.
- Formuły – miejsce, gdzie wprowadzasz logikę aplikacji, np.
Navigate(Screen2). - Ekran roboczy – obszar, gdzie projektujesz interfejs użytkownika.
Na tym etapie możesz rozpocząć dodawanie elementów takich jak przyciski, galerie czy formularze, które później zostaną powiązane z listą SharePoint jako źródłem danych.
Poniżej przykład prostego kodu nawigacyjnego, który można przypisać do przycisku w aplikacji:
OnSelect = Navigate(Screen_Details, ScreenTransition.Fade)
Tworzenie aplikacji od zera daje dużą elastyczność, ale warto na wstępie przemyśleć strukturę ekranów, sposób interakcji z danymi oraz główne scenariusze użytkowników końcowych. Jeśli chcesz pogłębić wiedzę i nauczyć się tworzyć bardziej zaawansowane rozwiązania, sprawdź nasze kompleksowe szkolenie Power Apps – od podstaw do eksperta.
Dodawanie i konfiguracja źródła danych SharePoint
Po utworzeniu aplikacji typu canvas w Power Apps, kolejnym krokiem jest podłączenie źródła danych, którym w tym przypadku jest lista SharePoint. To właśnie ona będzie przechowywać dane, które użytkownicy aplikacji będą przeglądać, dodawać lub edytować.
Dodawanie połączenia z SharePoint
Aby dodać listę SharePoint jako źródło danych:
- W lewej sekcji Power Apps wybierz zakładkę Data (Dane).
- Kliknij Add data (Dodaj dane).
- Wyszukaj i wybierz SharePoint z listy dostępnych konektorów.
- Wybierz sposób uwierzytelniania i podaj adres URL witryny SharePoint.
- Z listy dostępnych list wybierz tę, która ma być używana w aplikacji.
Po tych krokach lista SharePoint zostanie dodana jako źródło danych i będzie widoczna w panelu danych aplikacji.
Typy operacji możliwych na liście SharePoint
Po dodaniu źródła danych z SharePoint, możliwe są różne operacje na danych, m.in.:
- Odczyt danych – np. za pomocą galerii lub formularza.
- Dodawanie nowych elementów – przez formularze edycyjne.
- Aktualizacja istniejących rekordów – np. po zatwierdzeniu zmian w formularzu.
- Usuwanie elementów – przy użyciu funkcji
Remove().
Porównanie typów źródeł danych w Power Apps
| Źródło danych | Obsługa CRUD | Połączenie w chmurze | Typowe zastosowanie |
|---|---|---|---|
| SharePoint | Tak | Tak | Listy firmowe, formularze zgłoszeń |
| Excel (OneDrive) | Ograniczona | Tak | Proste zbiory danych |
| Dataverse | Tak | Tak | Aplikacje korporacyjne |
Przykład użycia źródła danych w funkcji
Po dodaniu listy SharePoint, można używać jej wewnątrz funkcji Power Apps. Przykładowo, aby pobrać wszystkie elementy z listy WnioskiUrlopowe:
ClearCollect(Wnioski, 'WnioskiUrlopowe');
Ta funkcja tworzy lokalną kolekcję Wnioski na podstawie danych z listy SharePoint. Kolekcje przydają się przy optymalizacji działania aplikacji i pracy offline.
Dodanie i poprawna konfiguracja źródła danych SharePoint jest fundamentem sprawnie działającej aplikacji – pozwala na dynamiczne pobieranie, edytowanie i zapisywanie danych w czasie rzeczywistym, z zachowaniem kontroli dostępu oferowanej przez SharePoint.
Projektowanie prostego interfejsu użytkownika
Projektowanie interfejsu użytkownika (UI) w Power Apps typu canvas opiera się na bezpośrednim umieszczaniu i konfigurowaniu kontrolek, które umożliwiają użytkownikom interakcję z aplikacją. Dzięki środowisku typu „przeciągnij i upuść” tworzenie intuicyjnego UI nie wymaga zaawansowanej wiedzy programistycznej.
W interfejsie Power Apps dostępnych jest wiele gotowych kontrolek, takich jak:
- Label (Etykieta) – wyświetlanie tekstów statycznych lub dynamicznych wartości.
- Text input (Pole tekstowe) – umożliwia użytkownikowi wprowadzanie danych.
- Button (Przycisk) – inicjuje działanie, np. zapis danych.
- Gallery (Galeria) – prezentuje listy danych w formie przewijalnej listy lub siatki.
- Form (Formularz) – pozwala tworzyć i edytować rekordy.
Dobór kontrolek zależy od funkcji aplikacji. Na przykład, jeśli użytkownik ma przeglądać dane z listy SharePoint, idealnym wyborem będzie galeria, natomiast do edycji danych – formularz.
| Typ kontrolki | Przykładowe zastosowanie |
|---|---|
| Gallery | Lista pracowników pobrana z listy SharePoint |
| Form | Edytowanie szczegółów wybranego pracownika |
| Dropdown | Wybór statusu projektu |
| Button | Dodanie nowego rekordu do listy |
Elementy UI w Power Apps można łatwo dostosować wizualnie – zmienić kolory, rozmiary, wyrównanie oraz dodać warunkowe formatowanie. Przykładowo, aby ukryć etykietę, gdy pole tekstowe jest puste, można ustawić jej widoczność w taki sposób:
Visible: !IsBlank(TextInput1.Text)
Ważne jest, aby projektując UI pamiętać o zasadach użyteczności – interfejs powinien być prosty, czytelny i intuicyjny. Rozplanowanie ekranu, grupowanie elementów i jednoznaczne etykiety odgrywają kluczową rolę w pozytywnym doświadczeniu użytkownika. Jeśli chcesz pogłębić swoją wiedzę i nauczyć się tworzyć profesjonalne interfejsy w praktyce, sprawdź nasze szkolenie Tworzenie aplikacji w Power Apps.
Dodawanie podstawowej logiki i funkcji aplikacji
Po zaprojektowaniu interfejsu użytkownika w Power Apps, kolejnym krokiem jest nadanie aplikacji funkcjonalności poprzez dodanie logiki biznesowej. Power Apps umożliwia tworzenie dynamicznych reakcji na działania użytkownika, obsługę danych i interakcję z różnymi źródłami za pomocą języka formuł przypominającego Excel – Power Fx.
Rodzaje logiki w Power Apps
Podstawową logikę w aplikacji canvas można podzielić na kilka kategorii:
- Logika sterująca interfejsem – np. pokazywanie/ukrywanie kontrolek, zmiana kolorów przycisków w zależności od stanu.
- Logika nawigacyjna – kierowanie użytkownika między ekranami w aplikacji.
- Logika danych – pobieranie, filtrowanie, dodawanie i aktualizacja danych z SharePoint i innych źródeł.
- Logika walidacji – sprawdzanie poprawności danych przed ich zapisaniem.
Najczęściej używane funkcje
Poniższa tabela przedstawia wybrane funkcje Power Fx stosowane przy dodawaniu podstawowej logiki:
| Funkcja | Opis | Przykład |
|---|---|---|
Navigate() |
Przenosi użytkownika do innego ekranu. | Navigate(ScreenFormularz) |
If() |
Dodaje instrukcję warunkową. | If(IsBlank(Tytuł.Text), Notify("Wpisz tytuł", NotificationType.Error)) |
Patch() |
Zapisuje lub aktualizuje dane w źródle danych. | Patch(ListaZadania, Defaults(ListaZadania), {Tytuł: Tytuł.Text}) |
UpdateContext() |
Tworzy i aktualizuje zmienne lokalne. | UpdateContext({Widoczne: true}) |
Przykład zastosowania logiki
Załóżmy, że chcesz dodać przycisk do zapisania nowego zadania z listy SharePoint. Formuła przypisana do właściwości OnSelect przycisku może wyglądać tak:
Patch(ListaZadania, Defaults(ListaZadania), {
Tytul: TytulInput.Text,
Termin: DataPickerTermin.SelectedDate
});
Navigate(EkranPotwierdzenie)
Powyższy kod tworzy nowy element w źródle danych ListaZadania na podstawie wartości wprowadzonych przez użytkownika, a następnie przenosi go do ekranu potwierdzenia.
W miarę jak aplikacja rośnie, można rozszerzyć logikę o dodatkowe warunki, walidację i reakcje na różne scenariusze – jednak nawet proste działania, jak zapis danych czy nawigacja, pozwalają stworzyć użyteczną aplikację już na początku pracy.
Testowanie i publikacja aplikacji
Po zakończeniu projektowania i dodaniu funkcjonalności do aplikacji w Power Apps, kolejnym kluczowym krokiem jest jej przetestowanie oraz opublikowanie dla użytkowników końcowych. Proces ten pozwala upewnić się, że aplikacja działa zgodnie z założeniami i jest gotowa do wdrożenia w środowisku produkcyjnym.
Testowanie aplikacji
Testowanie w Power Apps można przeprowadzać bezpośrednio w edytorze aplikacji, w trybie podglądu. Umożliwia to symulację działania aplikacji na różnych urządzeniach i rozdzielczościach. Warto dokładnie sprawdzić:
- czy dane z listy SharePoint są poprawnie wyświetlane i aktualizowane,
- czy wszystkie przyciski, formularze i nawigacje działają zgodnie z założeniem,
- czy aplikacja poprawnie obsługuje błędy i sytuacje wyjątkowe – np. brak danych lub błędne wpisy.
Dodatkowo, można wykorzystać narzędzia takie jak App Checker (Sprawdzanie aplikacji), które automatycznie wykrywa potencjalne błędy i ostrzeżenia w logice oraz połączeniach danych.
Publikacja aplikacji
Gdy aplikacja jest przetestowana i gotowa do użytku, należy ją opublikować. W Power Apps publikacja polega na zapisaniu najnowszej wersji aplikacji i udostępnieniu jej wskazanym użytkownikom lub grupom w organizacji. Po kliknięciu przycisku Publikuj, twórca aplikacji może określić, kto ma do niej dostęp – użytkownicy mogą korzystać z aplikacji przez przeglądarkę lub aplikację mobilną Power Apps.
Ważne jest również śledzenie opinii użytkowników po wdrożeniu – Power Apps umożliwia monitorowanie użycia aplikacji oraz jej wydajności, co pozwala na dalsze udoskonalanie rozwiązania w przyszłości.
Podsumowanie i dalsze kroki
Tworzenie aplikacji w Power Apps na podstawie listy SharePoint to doskonały sposób na szybkie budowanie rozwiązań biznesowych bez konieczności pisania dużej ilości kodu. Dzięki zastosowaniu aplikacji typu canvas użytkownicy mają pełną kontrolę nad wyglądem i zachowaniem interfejsu, co pozwala na stworzenie intuicyjnych narzędzi dostosowanych do konkretnych potrzeb organizacji.
Power Apps oferuje dwa główne typy aplikacji: canvas i model-driven. W tym przewodniku skupiamy się na aplikacjach typu canvas, które są idealne dla początkujących oraz tych, którzy chcą szybko stworzyć aplikację o niestandardowym wyglądzie i logice. W przeciwieństwie do nich, aplikacje typu model-driven opierają się na strukturze danych i automatycznie generowanym układzie interfejsu.
Dzięki integracji z SharePoint można wykorzystać istniejące dane i struktury jako fundament aplikacji, co znacznie upraszcza proces jej tworzenia. Power Apps oferuje również szereg gotowych konektorów, które umożliwiają łączenie z innymi usługami Microsoft 365 i nie tylko.
Niezależnie od tego, czy tworzysz prostą aplikację do zarządzania zadaniami, czy bardziej zaawansowane narzędzie wspierające procesy firmowe, Power Apps daje solidne podstawy do realizacji takich projektów. Kluczowe na początku jest zrozumienie ogólnej koncepcji budowy aplikacji i zapoznanie się z interfejsem narzędzia.
W kolejnych krokach warto kontynuować naukę poprzez eksperymentowanie z elementami interfejsu, dodawanie obsługi logiki za pomocą formuł oraz testowanie działania aplikacji w różnych scenariuszach. To wszystko pozwoli stopniowo rozwijać umiejętności i tworzyć coraz bardziej funkcjonalne rozwiązania.