Przenieś obrazy i podpisy z Power Apps do Power Automate

W tym poście nauczymy się, jak przenosić obrazy i podpisy z Power Apps na platformę Microsoft Power Automate. Jest to trochę trudne, ponieważ usługa Power Apps nie ma domyślnego sposobu edytowania i przesyłania obrazów do programu SharePoint.

Przykład, nad którym będziemy pracować, to aplikacja wydatkowa, z której korzystałem wcześniej. Zasadniczo jest to galeria dołączana do listy programu SharePoint.

A jeśli wybiorę coś w tej galerii, zasadniczo aktualizuje ten formularz po prawej stronie.

Następnie mogę przejść do tego formularza po prawej stronie i edytować go.

Przejdziemy do naszej listy SharePoint i dodamy kolumnę obrazu o nazwie Signature .

Przejdźmy do usługi Power Apps i dodaj tę kolumnę obrazu do tego formularza. Klikniemy więc Edytuj pola , a następnie Dodaj pole i wybierz Podpis z rozwijanego pola.

Zauważysz, że możemy go dodać, ale nie możemy robić takich rzeczy, jak przesyłanie obrazów. Jeśli na przykład klikniemy Edytuj , możemy edytować wszystko, ale zaktualizować obraz podpisu. Jeśli robimy to na iPadzie, byłoby miło, gdybyśmy mogli faktycznie użyć ekranu do wpisania lub złożenia podpisu przed przesłaniem tego rekordu, ale niestety nie wolno nam tego robić.

Spis treści

• Przesyłanie obrazów i tworzenie podpisów
• Tworzenie przepływu platformy Microsoft Power Automate
• Łączenie aplikacji Power Apps z platformą Microsoft Power Automate
• Definiowanie argumentów w platformie Microsoft Power Automate
• Tworzenie zmiennej dla każdego obrazu
• Konwersja kodu URI na kod binarny
• Wniosek

Przesyłanie obrazów i tworzenie podpisów

Power Apps nie ma takiej funkcjonalności, ale Power Automate może przyjść nam z pomocą i pomóc. Oto jak możemy to zrobić.

Po pierwsze, potrzebujemy sposobu, aby użytkownik rzeczywiście przesłał obraz i narysował podpis. Jeśli klikniemy znak +, doda nowy raport wydatków, a jeśli klikniemy znacznik wyboru, otrzymamy to wyskakujące okienko.

Jeśli wrócimy, nic się nie stanie. Ale jeśli klikniemy Prześlij , raport z wydatków zostanie przesłany. Zamierzamy dodać możliwość przesłania przez użytkownika obrazu i narysowania podpisu. Przejdźmy więc do Media , a następnie przejdź do Dodaj zdjęcie . Ta kontrolka pozwala nam w zasadzie dodawać zdjęcia.

A następnie kliknij Wejście, a następnie Wejście piórem . To pozwala nam narysować nasz podpis.

Zróbmy ten model nieco większy, abyśmy mieli więcej miejsca na to.

Następnie dodamy kilka etykiet poniżej, aby pokazać wszystkim, co robimy.

Po lewej stronie na etykiecie będzie napisane Potwierdzenia przesłania , a po prawej proszę podpisać .

Tworzenie przepływu platformy Microsoft Power Automate

Następną rzeczą, którą musimy zrobić, jest utworzenie przepływu usługi Power Automate , który w zasadzie przejmie kontrolę nad potwierdzeniem przesyłania i kontrolę podpisów i przekaże je do naszej biblioteki dokumentów wydatków, rachunków i podpisów programu SharePoint. Ponownie nie ma sposobu, aby zrobić to bezpośrednio w Power Apps i będziemy musieli użyć Power Automate.

Kliknijmy Nowy przepływ i wybierzmy Natychmiastowy przepływ w chmurze .

Jako sposób wyzwalania tego przepływu wybierzemy usługę Power Apps , wywołamy tę funkcję UploadStuff i klikniemy opcję Utwórz .

Przejdziemy do naszego łącznika SharePoint i wybierzemy opcję Utwórz plik .

Potrzebujemy adresu witryny i ścieżki do folderu, która w tym przypadku nazywa się /expensereceiptsandsignature.

W przypadku nazwy pliku prawdopodobnie chcemy, aby nazwa rachunku wydatków i podpis były tożsame z nazwą faktycznego tytułu rachunku wydatków. Zapytamy Power Apps o nazwę pliku i zawartość pliku .

Następnie klikniemy Nowy krok , a następnie powtórzymy to samo, ponieważ potrzebujemy jednego pliku Utwórz dla rzeczywistego zdjęcia paragonu z wydatkami, a drugiego dla podpisu, który ma zostać przesłany. Tylko zawartość pliku będzie inna, o co musimy poprosić w Power Apps.

W końcu stworzyliśmy nasz przepływ pracy.

Łączenie aplikacji Power Apps z platformą Microsoft Power Automate

Ostatnią rzeczą, którą musimy zrobić, to połączyć Power Apps z Power Automate. Jeśli więc dodamy nowy wydatek i zaznaczymy haczyk, ponownie otrzymamy ten model.

Jeśli klikniemy przycisk przesyłania, wszystko, co robi ten model, to przesłanie formularza i ustawienie widoczności z powrotem na wartość false.

Musimy wrócić do głównego ekranu i aktywować ten przepływ. Ale najpierw skopiujemy to, co jest na pasku efektów i wytniemy to tak, aby zostało zapisane w naszym schowku. Następnie przejdziemy do Action , kliknij Power Automate , a następnie wybierz UploadStuff , czyli ponownie przepływ pracy Power Automate , który właśnie utworzyliśmy. Spowoduje to zaimportowanie przepływu pracy do naszych Power Apps.

Definiowanie argumentów w platformie Microsoft Power Automate

Musimy zdefiniować kilka argumentów, które określiliśmy w Power Automate. Pierwszym argumentem, który musimy określić, jest rzeczywista nazwa pliku, którą chcemy nazwać, która w naszym przypadku będzie równa tytułowi raportu z wydatków, który przesyłamy, który jest przechowywany w DataCardValue1.

Potrzebujemy również rzeczywistego obrazu paragonu, który przesyłamy, i wklej wszystkie inne polecenia, które mieliśmy wcześniej.

Teraz sprawy stają się trudne, a przez trudne mam na myśli niestety bardzo trudne. Jeśli to prześlemy, powinno się zdarzyć, że UploadedImage1.Image i Pen.Input2.Image przejdą przez przepływ pracy i utworzą zawartość pliku.

Należy jednak pamiętać, że UploadedImage1.Image w rzeczywistości nie odnosi się do samego obrazu. Odnosi się do ścieżki, którą stworzył Microsoft, aby wiedzieć, gdzie przesłać obraz. Więc tak naprawdę nie jest to sam kod obrazu; jest to losowa ścieżka, do której dostęp ma tylko firma Microsoft. Obraz zostanie zapisany, ale będzie to losowy plik tekstowy, którego nie będziesz w stanie zrozumieć.

Musimy więc wprowadzić kilka poprawek za pomocą tego kodu:

Tworzenie zmiennej dla każdego obrazu

Pierwszą rzeczą, którą musimy zrobić, to utworzyć zmienną dla każdego obrazu. Stworzymy zmienną o nazwie varImage1 , która będzie równa reprezentacji JSON przesłanego obrazu. Chcemy również uwzględnić dane binarne w JSON.

Następnie weźmiemy dane wyjściowe tej funkcji, które są przechowywane w varImage1 i utworzymy kolejną zmienną o nazwie varImageTrimmed , która zasadniczo pobiera varImage1 i odcina jego końce za pomocą funkcji Mid.

Bierzemy przesłany obraz i konwertujemy go na identyfikator URI — fragment kodu przechowywany w formie tekstowej, który reprezentuje rzeczywisty obraz. Następnie bierzemy to i usuwamy pierwsze dwa znaki i dwa ostatnie znaki tego tekstu, ponieważ są to identyfikatory formatu, których nie potrzebujemy.

Następnie wykonamy ten sam proces dla podpisu i zamienimy obraz na PenInput2 i nazwiemy go varSig1 .

Konwersja kodu URI na kod binarny

Powiedzieliśmy już, że Power Automate nie jest przypadkową ścieżką do obrazu; zamiast tego jest to kod URI samego obrazu, który jest zasadniczo tekstową reprezentacją tego obrazu. Nie możemy po prostu przekazać tego obrazu tekstowego, dlatego musimy przekonwertować otrzymany kod na kod binarny, który może odczytać program SharePoint.

Wszystkie pliki są w kodzie binarnym, więc musimy przejść do Expression i użyć funkcji, która konwertuje URI na binarny. Umieścimy to wyrażenie w elemencie zawartości pliku tej akcji, a następnie klikniemy Zapisz .

Jedyne, co nam pozostaje, to upewnić się, że pliki nie mają takich samych nazw. Chcemy, aby pierwszy plik był obrazem, a drugi sygnaturą. Możemy więc edytować pierwszy z _receipt.jpg, a drugi z _signature.jpg.

Wypróbujmy to, aby zobaczyć, czy to działa. Zaczniemy od nowego raportu wydatków na nowego iPada kosztującego 400 USD.

Po kliknięciu znacznika wyboru możemy dodać zdjęcie i podpis.

Możemy wgrać nasz rachunek i dodać nasz podpis.

Następnie możemy kliknąć Prześlij . Aby potwierdzić, przejdźmy do naszej listy programu SharePoint do przesyłania wydatków , aby sprawdzić, czy ta pozycja została utworzona.

Oprócz tego, jeśli przejdziemy do Potwierdzenia wydatków i podpisów, zobaczymy nowy paragon na iPada i nowy podpis na iPadzie, które odpowiadają tytułowi właśnie utworzonego raportu z wydatków.

To są prawdziwe obrazy i faktycznie możemy je zobaczyć, podczas gdy gdybyśmy mieli to zrobić w staromodny sposób, byłyby to po prostu pliki tekstowe.

Wniosek

Pomyśl przez chwilę, jaka to siła. Mamy teraz sposób na utworzenie aplikacji umożliwiającej użytkownikom robienie zdjęć i podpisów oraz umieszczanie ich w przepływie pracy platformy Microsoft Power Automate. W tym przypadku używamy ich do przechowywania plików w bibliotekach dokumentów. Kluczową rzeczą, której się dzisiaj nauczyliśmy, jest sposób przenoszenia danych związanych z obrazami i podpisami z Power Apps do Power Automate.

Jeśli podobały Ci się treści omówione w tym samouczku, nie zapomnij zasubskrybować kanału telewizyjnego LuckyTemplates. Cały czas publikujemy ogromną ilość treści ode mnie i wielu twórców treści — wszyscy zajmują się ulepszaniem sposobu, w jaki korzystasz z usługi LuckyTemplates i platformy Power Platform.

Henz