Képek és aláírások átvitele a Power Apps alkalmazásból a Power Automate szolgáltatásba

Ebben a bejegyzésben megtudjuk, hogyan vihetünk át képeket és aláírásokat a Power Apps alkalmazásból a Microsoft Power Automate platformra. Ezt kissé nehéz megtenni, mert a Power Apps nem rendelkezik alapértelmezett módon a képek szerkesztésére és SharePointba való feltöltésére.

A példa, amelyen dolgozni fogunk, egy olyan költségalkalmazás, amelyet korábban használtam. Alapvetően ez egy SharePoint-listához csatolt galéria.

És ha bármit kiválasztok ebben a galériában, az alapvetően frissíti ezt az űrlapot a jobb oldalon.

Ezután beléphetek erre a jobb oldali űrlapra, és szerkeszthetem.

Lépjünk a SharePoint-listánkra, és adjunk hozzá egy Aláírás nevű képoszlopot .

Lépjünk a Power Apps oldalra, és adjuk hozzá ezt a képoszlopot ehhez az űrlaphoz. Ezért kattintsunk a Mezők szerkesztése , majd a Mező hozzáadása lehetőségre , és válasszuk az Aláírás lehetőséget a legördülő mezőből.

Észreveheti, hogy hozzá tudjuk adni, de például képeket nem tudunk feltölteni. Ha például a Szerkesztés gombra kattintunk , mindent szerkeszthetünk, csak nem frissítjük az aláírás képét. Ha ezt iPaden tesszük, jó lenne, ha ténylegesen a képernyőt használnánk gépelésre vagy aláírásra, mielőtt elküldjük ezt a rekordot, de sajnos ezt nem tehetjük meg.

Tartalomjegyzék

• Képek feltöltése és aláírások létrehozása
• Microsoft Power Automate Platform Flow létrehozása
• A Power Apps csatlakoztatása a Microsoft Power Automate platformhoz
• Argumentumok meghatározása a Microsoft Power Automate platformon
• Változó létrehozása minden képhez
• URI kód ​​konvertálása bináris kódba
• Következtetés

Képek feltöltése és aláírások létrehozása

A Power Apps nem rendelkezik megfelelő funkcióval, de a Power Automate segítségünkre lehet. Tehát itt van, hogyan tehetjük meg.

Először is szükségünk van egy módra, amellyel a felhasználó ténylegesen beküldhet egy képet és aláírást rajzolhat. Ha a + jelre kattintunk, új költségjelentést ad hozzá, ha pedig a pipára kattintunk, ezt a felugró mezőt kapjuk.

Ha visszamegyünk, nem történik semmi. De ha a Küldés gombra kattintunk , a költségjelentés átmegy. Lehetőséget fogunk adni arra, hogy a felhasználó képet tölthessen fel és aláírást rajzoljon. Tehát menjünk a Média , majd a Kép hozzáadása lehetőségre . Ezzel a vezérlővel alapvetően fényképeket adhatunk hozzá.

Ezután kattintson a Bevitel , majd a Tollbevitel elemre . Ez lehetővé teszi, hogy lehúzzuk az aláírásunkat.

Tegyük egy kicsit nagyobbra ezt a modellt, hogy több helyünk legyen ehhez.

Majd alább felveszünk néhány címkét, hogy megmutassuk, mit csinálunk.

A bal oldalon a címkén a Nyugták feltöltése felirat látható , a jobb oldalon pedig a Kérem, írja alá .

Microsoft Power Automate Platform Flow létrehozása

A következő dolog, amit tennünk kell, egy Power Automate folyamat létrehozása , amely alapvetően átveszi a feltöltési nyugta- és aláírás-ellenőrzést, és feltölti azokat a SharePoint-költségek, nyugták és aláírások dokumentumtárába. Ezt ismét a Power Appsben nem lehet közvetlenül megtenni, és a Power Automate-ot kell használnunk.

Kattintson a New flow elemre , és válassza az Instant cloud flow lehetőséget .

A folyamat elindításának módjaként a Power Apps lehetőséget választjuk , meghívjuk ezt az UploadStuff-ot , majd a Létrehozás gombra kattintunk .

Lépjünk a SharePoint-összekötőnkre, és válasszuk a Fájl létrehozása lehetőséget .

Szükségünk van egy webhely címére és egy mappa elérési útjára, amely ebben az esetben a /költségreceiptsandsignature nevet viseli.

A fájl nevéhez valószínűleg azt szeretnénk, hogy a költségbizonylat neve és az aláírás megegyezzen a költségbizonylat tényleges jogcímének nevével. Megkérjük a Power Apps alkalmazást a fájlnév és a fájltartalom megadására .

Ezután rákattintunk az Új lépés lehetőségre , majd megismételjük ugyanezt, mert szükségünk van egy Létrehozási fájlra a tényleges költségszámlához, egy másikra pedig a feltöltendő aláíráshoz. Csak a fájltartalom lesz más, amit a Power Appsben kell kérnünk.

Most végre elkészítettük a munkafolyamatunkat.

A Power Apps csatlakoztatása a Microsoft Power Automate platformhoz

Az utolsó dolog, amit tennünk kell, a Power Apps és a Power Automate összekapcsolása. Tehát ha hozzáadunk egy új kiadást és bejelöljük a pipát, akkor ismét ezt a modellt kapjuk.

Ha rákattintunk a küldés gombra, akkor ez a modell annyit tesz, hogy elküldi az űrlapot, és visszaállítja a láthatóságot false értékre.

Vissza kell mennünk a főképernyőre, és aktiválnunk kell ezt a folyamatot. De először kimásoljuk az fx sávon található tartalmat, és kivágjuk, hogy a vágólapra kerüljön. Ezután lépjünk a Művelet oldalra , kattintsunk a Power Automate elemre , majd válasszuk az UploadStuff elemet , ami ismét az általunk létrehozott Power Automate munkafolyamat . Ez ezután importálja a munkafolyamatot a Power Apps-be.

Argumentumok meghatározása a Microsoft Power Automate platformon

Meg kell határoznunk egy csomó argumentumot, amelyeket a Power Automate-ban adtunk meg. Az első argumentum, amelyet meg kell adnunk, az a tényleges fájlnév, amelyet meg akarunk nevezni, ami esetünkben megegyezik az általunk benyújtott költségjelentés címével, amely a DataCardValue1-ben van tárolva.

Szükségünk van a feltöltött nyugta tényleges képére is, és be kell illesztenünk az összes többi parancsot, amely korábban volt.

Most itt válnak trükkössé a dolgok, és a trükkös alatt sajnos azt értem, hogy nagyon trükkös. Ha ezt elküldjük, akkor az UploadedImage1.Image és a Pen.Input2.Image átmenjen a munkafolyamaton, és ők fogják létrehozni a fájltartalmat.

Azonban vegye figyelembe, hogy az UploadedImage1.Image valójában nem magára a képre vonatkozik. Ez egy olyan útvonalra utal, amelyet a Microsoft készített ahhoz, hogy tudja, hová kell feltölteni a képet. Tehát valójában nem maga a tényleges képkód; ez egy véletlenszerű útvonal, amelyhez csak a Microsoft férhet hozzá. A kép mentésre kerül, de ez egy véletlenszerű szövegfájl lesz, amelyet nem fog tudni megérteni.

Tehát néhány módosítást kell végrehajtanunk ezzel a kóddal:

Változó létrehozása minden képhez

Az első dolog, amit tennünk kell, hogy minden képhez hozzunk létre egy változót. Létrehozunk egy varImage1 nevű változót , amely megegyezik a feltöltött kép JSON-ábrázolásával. A bináris adatokat is bele akarjuk foglalni a JSON-ba.

Ezután vesszük ennek a függvénynek a kimenetét, amely a varImage1- ben van tárolva , és létrehozunk egy másik változót , a varImageTrimmed nevet, amely alapvetően a varImage1-et veszi , és a Mid függvény segítségével levágja a végeit.

Elfogadjuk a feltöltött képet, és URI-vé alakítjuk – egy olyan kódrészletté, amelyet szöveges formában tárolunk, és amely a kép tényleges tartalmát reprezentálja. Ezután kivesszük a szövegből az első két karaktert és az utolsó két karaktert, mert ezek olyan formátumazonosítók, amelyekre nincs szükségünk.

Ezután ugyanazt a folyamatot hajtjuk végre az aláírásnál, és a képet PenInput2- re cseréljük, és varSig1-nek nevezzük .

URI kód ​​konvertálása bináris kódba

Már említettük, hogy a Power Automate nem egy véletlenszerű út a képhez; ehelyett magának a képnek az URI kódja, amely alapvetően az adott kép szöveges megjelenítése. Ezt a szöveges képet nem tudjuk csak átadni, ezért a kapott kódot bináris kóddá kell konvertálnunk, amelyet a SharePoint képes olvasni.

Az összes fájl bináris kódban van, ezért el kell mennünk a Kifejezéshez , és olyan függvényt kell használnunk, amely az URI-t binárissá alakítja. Ezt a kifejezést a művelet fájltartalmi elemébe helyezzük, majd kattintson a Mentés gombra .

Az egyetlen dolgunk maradt, hogy megbizonyosodjunk arról, hogy a fájlok neve nem ugyanaz. Azt akarjuk, hogy az első fájl legyen a kép, a második pedig az aláírás. Így az elsőt _receipt.jpg-vel, a másodikat _signature.jpg-vel tudjuk szerkeszteni.

Próbáljuk ki, hogy működik-e. Kezdjük egy új költségjelentéssel egy új, 400 dollárba kerülő iPadről.

Miután rákattintunk a pipára, hozzáadhatjuk a képet és az aláírást.

Feltölthetjük nyugtánkat és aláírhatjuk.

Ezután kattinthatunk a Submit gombra . A megerősítéshez lépjen a Költségbenyújtás SharePoint listánkra, és nézze meg, hogy a sor létrejött-e.

Ezen túlmenően, ha a Költségbevételek és aláírások oldalra lépünk, az új iPad nyugtát és az új iPad aláírást látjuk, mindkettő megfelel a most létrehozott költségjelentés címének.

Ezek valódi képek, és valóban láthatjuk őket, míg ha a régi módon csináljuk, akkor ezek csak szöveges fájlok lennének.

Következtetés

Gondolj egy pillanatra, milyen erős ez. Mostantól lehetőségünk van egy olyan alkalmazás létrehozására, amellyel az emberek fényképeket és aláírásokat készíthetnek, és beilleszthetjük őket a Microsoft Power Automate platform munkafolyamatába. Ebben az esetben a fájlok dokumentumtárban való tárolására használjuk őket. A legfontosabb dolog, amit ma megtanultunk, az az, hogy hogyan lehet a képekkel és aláírásokkal kapcsolatos adatokat áthelyezni a Power Appsből a Power Automate-ba.

Ha tetszett az oktatóanyagban szereplő tartalom, kérjük, ne felejtsen el feliratkozni a LuckyTemplates TV-csatornára. Rengeteg tartalom jön ki folyamatosan tőlem és egy sor tartalomkészítőtől – mindannyian elkötelezettek a LuckyTemplates és a Power Platform használatának javításáért.

Henrik