Transferați imagini și semnături de la Power Apps la Power Automate

În această postare, vom învăța cum să transferăm imagini și semnături de la Power Apps pe platforma Microsoft Power Automate. Acest lucru este puțin dificil de făcut, deoarece Power Apps nu are o modalitate implicită de editare și încărcare a imaginilor în SharePoint.

Exemplul la care vom lucra este o aplicație de cheltuieli pe care am folosit-o înainte. Practic, aceasta este o galerie care se atașează unei liste SharePoint.

Și dacă selectez ceva în această galerie, practic actualizează acest formular din partea dreaptă.

Apoi pot intra în acest formular din dreapta și îl pot edita.

Vom merge la lista noastră SharePoint și vom adăuga o coloană de imagine numită Signature .

Să mergem la Power Apps și să adăugăm acea coloană de imagine în acest formular. Așa că vom face clic pe Editați câmpurile , apoi pe Adăugați câmp și vom selecta Semnătura din câmpul drop-down.

Veți observa că îl putem adăuga, dar nu putem face lucruri precum încărcarea imaginilor. Dacă facem clic pe Editare , de exemplu, putem edita totul, dar să actualizăm imaginea semnăturii. Dacă facem asta pe un iPad, ar fi bine dacă am putea folosi ecranul pentru a introduce sau a scrie o semnătură înainte de a trimite această înregistrare, dar, din păcate, nu avem voie să facem asta.

Cuprins

• Încărcarea imaginilor și crearea de semnături
• Crearea unui flux de platformă Microsoft Power Automate
• Conectarea Power Apps la platforma Microsoft Power Automate
• Definirea argumentelor în platforma Microsoft Power Automate
• Crearea unei variabile pentru fiecare imagine
• Conversia codului URI în cod binar
• Concluzie

Încărcarea imaginilor și crearea de semnături

Power Apps nu are o funcționalitate pentru aceasta, dar Power Automate poate veni în ajutor și ne poate ajuta. Deci, iată cum putem face asta.

În primul rând, avem nevoie de o modalitate prin care un utilizator să trimită efectiv o imagine și să deseneze o semnătură. Dacă facem clic pe semnul +, se adaugă un nou raport de cheltuieli, iar dacă facem clic pe bifa, obținem această casetă pop-up.

Dacă ne întoarcem, nu se întâmplă nimic. Dar dacă facem clic pe Trimitere , raportul de cheltuieli va trece. Vom adăuga posibilitatea unui utilizator de a încărca o imagine și de a desena o semnătură. Deci, să mergem la Media și apoi să mergem la Adăugați imagine . Acest control ne permite practic să adăugăm fotografii.

Apoi faceți clic pe Input apoi pe Pen input . Acest lucru ne permite să ne tragem semnătura.

Să facem acest model puțin mai mare, astfel încât să avem mai mult spațiu pentru a face asta.

Și apoi vom adăuga câteva etichete mai jos doar pentru a arăta tuturor ceea ce facem.

În stânga, eticheta va spune Încărcați chitanțe , iar în partea dreaptă, va fi Vă rugăm să semnați .

Crearea unui flux de platformă Microsoft Power Automate

Următorul lucru pe care trebuie să-l facem este să creăm un flux Power Automate care, practic, preia controlul încărcării chitanțelor și controlul semnăturilor și le încarcă în biblioteca noastră de documente pentru cheltuieli, chitanțe și semnături SharePoint. Din nou, nu există nicio modalitate de a face acest lucru direct în Power Apps și va trebui să folosim Power Automate.

Să facem clic pe Flux nou și să selectăm Flux în cloud instantaneu .

Vom selecta Power Apps ca modalitate de a declanșa acest flux, vom apela acest UploadStuff și vom face clic pe Creare .

Vom accesa conectorul nostru SharePoint și vom selecta Creare fișier .

Avem nevoie de o adresă de site și o cale de folder, care în acest caz se numește /expensereceiptsandsignature.

Pentru numele dosarului, probabil că dorim ca numele bonului de cheltuială și semnătura să fie identice cu numele titlului propriu-zis al chitanței de cheltuială. Vom cere Power Apps numele și conținutul fișierului .

Vom face apoi clic pe Pas nou și apoi vom face același lucru din nou, deoarece avem nevoie de un fișier Creați pentru fotografia efectivă a chitanței de cheltuieli și de altul pentru semnătura care va fi încărcată. Doar conținutul fișierului va fi diferit, lucru pe care trebuie să-l cerem în Power Apps.

Acum ne-am creat în sfârșit fluxul de lucru.

Conectarea Power Apps la platforma Microsoft Power Automate

Ultimul lucru pe care trebuie să-l facem este să conectăm Power Apps la Power Automate. Deci, dacă adăugăm o cheltuială nouă și bifăm bifa, obținem din nou acest model.

Dacă facem clic pe butonul de trimitere, tot ceea ce face acest model este să trimită formularul și să seteze vizibilitatea înapoi la fals.

Trebuie să ne întoarcem la ecranul principal și să activăm acest flux. Dar mai întâi, vom copia ceea ce este pe bara fx și îl vom tăia doar astfel încât să fie salvat în clipboard. Apoi vom merge la Acțiune , facem clic pe Power Automate , apoi vom selecta UploadStuff , care este din nou, fluxul de lucru Power Automate pe care tocmai l-am creat. Acest lucru va importa apoi fluxul de lucru în aplicațiile noastre Power.

Definirea argumentelor în platforma Microsoft Power Automate

Trebuie să definim o grămadă de argumente pe care le-am specificat în Power Automate. Primul argument pe care trebuie să-l specificăm este numele real al fișierului pe care vrem să-l numim, care în cazul nostru va fi egal cu titlul raportului de cheltuieli pe care îl trimitem, care este stocat în DataCardValue1.

De asemenea, avem nevoie de imaginea reală a chitanței pe care o încărcăm și să lipim toate celelalte comenzi pe care le aveam înainte.

Acum, aici lucrurile devin complicate și prin complicate, din păcate, mă refer la foarte complicate. Dacă trimitem acest lucru, ceea ce ar trebui să se întâmple este ca UploadedImage1.Image și Pen.Input2.Image să treacă prin fluxul de lucru și vor fi conținutul fișierului care ar fi creat.

Cu toate acestea, rețineți că UploadedImage1.Image nu se referă de fapt la imaginea în sine. Se referă la o cale pe care Microsoft a făcut-o pentru a ști unde să încarce imaginea. Deci nu este chiar codul de imagine în sine; este o cale aleatorie la care doar Microsoft are acces. Imaginea va fi salvată, dar va fi un fișier text aleatoriu pe care nu îl veți putea înțelege.

Deci, trebuie să facem câteva ajustări folosind acest cod:

Crearea unei variabile pentru fiecare imagine

Primul lucru pe care trebuie să-l facem este să creăm o variabilă pentru fiecare imagine. Vom crea o variabilă numită varImage1 care va fi egală cu reprezentarea JSON a imaginii încărcate. De asemenea, dorim să includem datele binare în JSON.

Vom lua apoi rezultatul acestei funcții care este stocată în varImage1 și vom crea o altă variabilă numită varImageTrimmed , care, practic, ia varImage1 și îi taie capetele folosind funcția Mid.

Luăm imaginea încărcată și o transformăm într-un URI – o bucată de cod care este stocată sub formă de text care reprezintă ceea ce este de fapt imaginea. Apoi luăm asta și scoatem primele două caractere și ultimele două caractere ale textului, pentru că aceștia sunt identificatori de format de care nu avem nevoie.

Apoi, vom face același proces pentru semnătură și vom înlocui imaginea cu PenInput2 și o vom numi varSig1 .

Conversia codului URI în cod binar

Am spus deja că Power Automate nu este o cale aleatorie către o imagine; în schimb, este codul URI al imaginii în sine, care este, practic, reprezentarea textuală a acelei imagini. Nu putem trece pur și simplu acea imagine textuală, așa că trebuie să convertim codul pe care îl primim în cod binar pe care SharePoint îl poate citi.

Toate fișierele sunt în cod binar, așa că trebuie să mergem la Expression și să folosim o funcție care convertește URI în binar. Vom pune această expresie în elementul de conținut al fișierului al acestei acțiuni și apoi vom face clic pe Salvare .

Singurul lucru care ne rămâne de făcut este să ne asigurăm că fișierele nu sunt numite același lucru. Vrem ca primul fișier să fie imaginea, iar al doilea fișier să fie semnătura. Deci îl putem edita pe primul cu _receipt.jpg și pe al doilea cu _signature.jpg.

Să încercăm să vedem dacă funcționează. Vom începe cu un nou raport de cheltuieli pentru un nou iPad care costă 400 USD.

Odată ce facem clic pe bifa, putem adăuga imaginea și semnătura.

Putem încărca chitanța și adăuga semnătura noastră.

Putem apoi să facem clic pe Trimitere . Pentru a confirma, să mergem la lista SharePoint pentru trimiterea cheltuielilor pentru a vedea dacă acel element rând a fost creat.

În plus, dacă mergem la Chitanțe și semnături de cheltuieli, vedem noua chitanță iPad și noua semnătură iPad, ambele corespund titlului raportului de cheltuieli pe care tocmai l-am creat.

Acestea sunt imagini reale și le putem vedea de fapt, în timp ce, dacă ar fi să o facem în mod vechi, acestea ar fi doar fișiere text.

Concluzie

Gândiți-vă pentru un moment cât de puternic este acest lucru. Acum avem o modalitate de a crea o aplicație pentru ca oamenii să facă fotografii și semnături și să le introducă într-un flux de lucru al platformei Microsoft Power Automate. În acest caz, le folosim pentru a stoca fișiere în biblioteci de documente. Principalul lucru pe care l-am învățat astăzi este cum să mutăm datele legate de imagini și semnături din Power Apps în Power Automate.

Dacă v-a plăcut conținutul prezentat în acest tutorial special, vă rugăm să nu uitați să vă abonați la canalul TV LuckyTemplates. Avem o cantitate imensă de conținut care iese tot timpul de la mine și de la o gamă largă de creatori de conținut – toți dedicați îmbunătățirii modului în care utilizați LuckyTemplates și Power Platform.

Henry