Overfør billeder og signaturer fra Power Apps til Power Automate

I dette indlæg skal vi lære, hvordan du overfører billeder og signaturer fra Power Apps til Microsoft Power Automate-platformen. Dette er lidt svært at gøre, fordi Power Apps ikke har en standardmetode til at redigere og uploade billeder til SharePoint.

Eksemplet vi vil arbejde på er en udgiftsapp, som jeg har brugt før. Dybest set er dette et galleri, der knytter sig til en SharePoint-liste.

Og hvis jeg vælger noget i dette galleri, opdaterer det grundlæggende denne formular på højre side.

Jeg kan så gå ind i denne formular til højre og redigere den.

Vi går til vores SharePoint-liste og tilføjer en billedkolonne kaldet Signatur .

Lad os gå til Power Apps og tilføje billedkolonnen i denne formular. Så vi klikker på Rediger felter og derefter på Tilføj felt , og vælger Signatur i rullemenuen.

Du vil bemærke, at vi er i stand til at tilføje det, men vi kan ikke gøre ting som at uploade billeder. Hvis vi for eksempel klikker på Rediger , kan vi redigere alt andet end at opdatere signaturens billede. Hvis vi gør dette på en iPad, ville det være rart, hvis vi rent faktisk kunne bruge skærmen til at skrive eller skrive en signatur, før vi indsender denne post, men det må vi desværre ikke.

Indholdsfortegnelse

• Upload af billeder og oprettelse af signaturer
• Oprettelse af et Microsoft Power Automate-platformsflow
• Tilslutning af Power Apps til Microsoft Power Automate-platformen
• Definition af argumenter i Microsoft Power Automate Platform
• Oprettelse af en variabel for hvert billede
• Konvertering af URI-kode til binær kode
• Konklusion

Upload af billeder og oprettelse af signaturer

Power Apps har ikke en funktionalitet til det, men Power Automate kan komme til undsætning og hjælpe os. Så her er hvordan vi kan gøre det.

For det første har vi brug for en måde, hvorpå en bruger faktisk kan indsende et billede og tegne en signatur. Hvis vi klikker på + tegnet, tilføjer det en ny udgiftsrapport, og hvis vi klikker på fluebenet, får vi denne pop op-boks.

Hvis vi går tilbage, sker der ikke noget. Men hvis vi klikker på Send , går udgiftsrapporten igennem. Vi vil tilføje en mulighed for en bruger til at uploade et billede og tegne en signatur. Så lad os gå til Medier og derefter gå til Tilføj billede . Denne kontrol giver os mulighed for at tilføje billeder.

Og klik derefter på Input og derefter Pen input . Dette giver os mulighed for at tegne vores signatur.

Lad os gøre denne model lidt større, så vi har mere plads til at gøre dette.

Og så tilføjer vi nogle etiketter nedenfor bare for at vise alle, hvad vi laver.

Til venstre vil etiketten sige Upload kvitteringer , og i højre side vil det være Please sign .

Oprettelse af et Microsoft Power Automate-platformsflow

Den næste ting, vi skal gøre, er at skabe et Power Automate-flow , der grundlæggende tager kontrol med uploadkvittering og signaturkontrol og uploader dem til vores SharePoint-udgifts-, kvitteringer og signaturdokumentbibliotek. Igen, der er ingen måde at gøre dette direkte i Power Apps, og vi bliver nødt til at bruge Power Automate.

Lad os klikke på Nyt flow og vælge Instant cloud flow .

Vi vælger Power Apps som måden at udløse dette flow på, kalder dette UploadStuff og klikker på Opret .

Vi går til vores SharePoint-forbindelse og vælger Opret fil .

Vi har brug for en webstedsadresse og en mappesti, som i dette tilfælde kaldes /expensereceiptsandsignature.

For navnet på filen ønsker vi sandsynligvis, at navnet på udgiftskvitteringen og signaturen er identisk med navnet på selve titlen på udgiftskvitteringen. Vi vil bede Power Apps om filnavnet og filindholdet .

Vi klikker derefter på Nyt trin og gør det samme igen, fordi vi har brug for en Opret-fil til det faktiske udgiftskvitteringsbillede og en anden til signaturen, der skal uploades. Kun filindholdet vil være anderledes, hvilket vi skal bede om i Power Apps.

Vi har nu endelig lavet vores arbejdsgang.

Tilslutning af Power Apps til Microsoft Power Automate-platformen

Den sidste ting, vi skal gøre, er at forbinde Power Apps til Power Automate. Så hvis vi tilføjer en ny udgift og markerer fluebenet, får vi denne model igen.

Hvis vi klikker på indsend-knappen, er det eneste, denne model gør, at indsende formularen og indstille synligheden tilbage til falsk.

Vi er nødt til at gå tilbage til hovedskærmen og aktivere dette flow. Men først kopierer vi det, der er på fx- bjælken og klipper det ud, så det gemmes i vores udklipsholder. Så går vi til Action , klikker på Power Automate , og vælger derefter UploadStuff , som igen er den Power Automate-arbejdsgang, vi lige havde oprettet. Dette vil derefter importere arbejdsgangen til vores Power Apps.

Definition af argumenter i Microsoft Power Automate Platform

Vi er nødt til at definere en masse argumenter, som vi har specificeret i Power Automate. Det første argument, som vi skal angive, er det faktiske filnavn, som vi vil kalde det, som i vores tilfælde vil være lig med titlen på den udgiftsrapport, som vi indsender, som er gemt i DataCardValue1.

Vi har også brug for det faktiske billede af kvitteringen, som vi uploader, og indsætte alle de andre kommandoer, som vi havde før.

Nu er det her tingene bliver tricky og med tricky mener jeg desværre meget tricky. Hvis vi sender dette, er det, der skal ske, at UploadedImage1.Image og Pen.Input2.Image skal passere gennem arbejdsgangen, og de vil det filindhold, der ville blive oprettet.

Bemærk dog, at UploadedImage1.Image faktisk ikke refererer til selve billedet. Det henviser til en sti, som Microsoft har lavet for at vide, hvor billedet skal uploades. Så det er egentlig ikke selve billedkoden; det er en tilfældig sti, som kun Microsoft har adgang til. Billedet vil blive gemt, men det vil være en tilfældig tekstfil, som du ikke vil kunne forstå.

Så vi skal lave et par justeringer ved hjælp af denne kode:

Oprettelse af en variabel for hvert billede

Den første ting, vi skal gøre, er at oprette en variabel for hvert billede. Vi opretter en variabel kaldet varImage1 , som vil være lig med JSON-repræsentationen af ​​det uploadede billede. Vi ønsker også at inkludere de binære data i JSON.

Vi tager derefter outputtet fra denne funktion, som er gemt i varImage1 og skaber en anden variabel kaldet varImageTrimmed , som grundlæggende tager varImage1 og hugger enderne af den ved hjælp af Mid-funktionen.

Vi tager det uploadede billede og konverterer det til en URI – et stykke kode, der er gemt i tekstform, der repræsenterer, hvad billedet faktisk er. Så tager vi det og fjerner de første to tegn og de sidste to tegn i den tekst, fordi det er formatidentifikatorer, som vi ikke har brug for.

Derefter vil vi gøre den samme proces for signaturen og erstatte billedet med PenInput2 og kalde det varSig1 .

Konvertering af URI-kode til binær kode

Vi har allerede sagt, at Power Automate ikke er en tilfældig vej til et billede; i stedet er det URI-koden for selve billedet, som dybest set er den tekstlige repræsentation af det billede. Vi kan ikke bare videregive det tekstbillede, så vi skal konvertere den kode, vi modtager, til binær kode, som SharePoint kan læse.

Alle filerne er i binær kode, så vi skal gå til Expression og bruge en funktion, der konverterer URI til binær. Vi indsætter dette udtryk i filindholdselementet i denne handling og klikker derefter på Gem .

Den eneste ting, vi har tilbage at gøre, er at sikre, at filerne ikke hedder det samme. Vi ønsker, at den første fil skal være billedet, og den anden fil skal være signaturen. Så vi kan redigere den første med _receipt.jpg og den anden med _signature.jpg.

Lad os prøve det for at se, om det virker. Vi starter med en ny udgiftsrapport for en ny iPad, der koster $400.

Når vi klikker på fluebenet, kan vi tilføje billedet og signaturen.

Vi kan uploade vores kvittering og tilføje vores underskrift.

Vi kan derefter klikke på Send . For at bekræfte, lad os gå til vores SharePoint-liste for indsendelse af udgifter for at se, om den linjepost er blevet oprettet.

Hvis vi derudover går til Udgiftskvitteringer og -signaturer, ser vi den nye iPad-kvittering og den nye iPad-signatur, som begge svarer til titlen på den udgiftsrapport, vi lige har lavet.

Det er rigtige billeder, og vi kan faktisk se dem, mens hvis vi skal gøre det på den gammeldags måde, ville disse bare være tekstfiler i stedet for.

Konklusion

Tænk et øjeblik, hvor stærkt dette er. Vi har nu en måde at oprette en applikation til, at folk kan tage billeder og signaturer og sætte dem ind i en Microsoft Power Automate-platformsarbejdsgang. I dette tilfælde bruger vi dem til at gemme filer i dokumentbiblioteker. Det vigtigste, vi lærte i dag, er, hvordan man flytter data relateret til billeder og signaturer fra Power Apps til Power Automate.

Hvis du kunne lide indholdet i denne særlige vejledning, så glem ikke at abonnere på LuckyTemplates tv-kanal. Vi har en enorm mængde indhold, der kommer ud hele tiden fra mig selv og en række indholdsskabere – alle dedikeret til at forbedre den måde, du bruger LuckyTemplates og Power Platform på.

Henrik