{"id":1189,"date":"2017-01-30T14:03:46","date_gmt":"2017-01-30T21:03:46","guid":{"rendered":"https:\/\/toddbaginski.com\/blog\/?p=1189"},"modified":"2017-01-30T14:03:46","modified_gmt":"2017-01-30T21:03:46","slug":"how-to-open-powerapps-from-flow-notifications","status":"publish","type":"post","link":"https:\/\/toddbaginski.com\/blog\/how-to-open-powerapps-from-flow-notifications\/","title":{"rendered":"How To Open PowerApps From Flow Notifications"},"content":{"rendered":"<p>In a world where users want instant notifications and access to information&#8230;<\/p>\n<p>How do you like that movie trailer intro? \ud83d\ude42<\/p>\n<p>Let&#8217;s say you have a Microsoft Flow and you want it to send a notification to a mobile device when something happens. Then, when the user opens the notification in Microsoft Flow you want them to be able to click a link in the notification and open a PowerApp to learn more or act on the notification. Here&#8217;s how you do it.<\/p>\n<p>First, create a Microsoft Flow and add a notification. In this simple example, my Flow queries an Azure PaaS SQL Database for new projects that have not been estimated. When new projects are found the Flow sends notifications.<\/p>\n<p><a href=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1192\" src=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/1.png\" alt=\"PowerApp\" width=\"1257\" height=\"576\" srcset=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/1.png 1257w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/1-300x137.png 300w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/1-768x352.png 768w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/1-1024x469.png 1024w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/1-260x119.png 260w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/1-50x23.png 50w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/1-153x70.png 153w\" sizes=\"auto, (max-width:767px) 480px, (max-width:1257px) 100vw, 1257px\" \/><\/a><\/p>\n<div class=\"mceTemp\"><\/div>\n<p>The screenshot below shows the notification at the end of the Flow.<\/p>\n<p><a href=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/2-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1193\" src=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/2-1.png\" alt=\"Send a notification\" width=\"1017\" height=\"1217\" \/><\/a><\/p>\n<p>In this example, I am opening the Cost Estimator sample PowerApp. \u00a0Here you can see it in the Sample Apps gallery.<\/p>\n<p><a href=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1194\" src=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/3.png\" alt=\"Search for Cost Estimator PowerApp\" width=\"1014\" height=\"600\" srcset=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/3.png 1014w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/3-300x178.png 300w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/3-768x454.png 768w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/3-247x146.png 247w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/3-50x30.png 50w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/3-118x70.png 118w\" sizes=\"auto, (max-width:767px) 480px, (max-width:1014px) 100vw, 1014px\" \/><\/a><\/p>\n<p>In order to open the Cost Estimator PowerApp from the Microsoft Flow notification message you need to know the Id for the Cost Estimator PowerApp. \u00a0You can get the Id for a PowerApp by opening the PowerApp in a web browser and looking at the URL. \u00a0In the screenshot below you can see the portion of the URL (<span style=\"color: #008000;\">in green<\/span>) that contains the ID for the Cost Estimator PowerApp.<\/p>\n<p><a href=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1195\" src=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/4.png\" alt=\"Get the Id for a PowerApp\" width=\"1019\" height=\"449\" srcset=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/4.png 1019w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/4-300x132.png 300w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/4-768x338.png 768w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/4-260x115.png 260w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/4-50x22.png 50w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/4-159x70.png 159w\" sizes=\"auto, (max-width:767px) 480px, (max-width:1019px) 100vw, 1019px\" \/><\/a><\/p>\n<p>In the Flow notification, use the Id for the PowerApp to create the link to open the PowerApp. \u00a0You can see where I used the Id for the Cost Estimator PowerApp highlighted in yellow below. \u00a0Notice the link format.  This link format opens the corresponding PowerApp when it is clicked. You can learn more about the URL format here: <a href=\"https:\/\/powerapps.microsoft.com\/en-us\/blog\/powerapps-560-update\/\" target=\"_blank\">PowerApps update \u2013 Universal links, HTML control improvements, new service connections and more<\/a><\/p>\n<p><a href=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/5-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1196\" src=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/5-1.png\" alt=\"Deep link to a PowerApp from a notification\" width=\"1016\" height=\"392\" \/><\/a><\/p>\n<p>Here&#8217;s what it looks like when the flow runs. \u00a0First, a notification appears on my Android device where I have the PowerApps and Flow apps installed.<\/p>\n<p><a href=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1201\" src=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/6.png\" alt=\"\" width=\"1080\" height=\"1920\" srcset=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/6.png 1080w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/6-169x300.png 169w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/6-768x1365.png 768w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/6-576x1024.png 576w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/6-82x146.png 82w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/6-28x50.png 28w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/6-39x70.png 39w\" sizes=\"auto, (max-width:767px) 480px, (max-width:1080px) 100vw, 1080px\" \/><\/a><\/p>\n<p>Clicking on the notification opens the Flow\u00a0app and displays the notification message.<\/p>\n<p><a href=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1202\" src=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/7.png\" alt=\"\" width=\"1080\" height=\"1920\" srcset=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/7.png 1080w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/7-169x300.png 169w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/7-768x1365.png 768w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/7-576x1024.png 576w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/7-82x146.png 82w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/7-28x50.png 28w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/7-39x70.png 39w\" sizes=\"auto, (max-width:767px) 480px, (max-width:1080px) 100vw, 1080px\" \/><\/a><\/p>\n<p>Clicking the Open Cost Estimator link in the notification message opens the PowerApps app and loads the Cost Estimator app. \u00a0The first time you run it you are prompted to allow the PowerApp to use the Camera.<\/p>\n<p><a href=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1203\" src=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/8.png\" alt=\"\" width=\"1080\" height=\"1920\" srcset=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/8.png 1080w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/8-169x300.png 169w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/8-768x1365.png 768w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/8-576x1024.png 576w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/8-82x146.png 82w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/8-28x50.png 28w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/8-39x70.png 39w\" sizes=\"auto, (max-width:767px) 480px, (max-width:1080px) 100vw, 1080px\" \/><\/a><\/p>\n<p>After you grant the Cost Estimator Powerapp permission to use the camera, it begins to load.<\/p>\n<p><a href=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/9.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1204\" src=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/9.png\" alt=\"\" width=\"1080\" height=\"1920\" srcset=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/9.png 1080w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/9-169x300.png 169w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/9-768x1365.png 768w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/9-576x1024.png 576w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/9-82x146.png 82w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/9-28x50.png 28w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/9-39x70.png 39w\" sizes=\"auto, (max-width:767px) 480px, (max-width:1080px) 100vw, 1080px\" \/><\/a><\/p>\n<p>Now the Cost Estimator PowerApp is ready to use.<\/p>\n<p><a href=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1205\" src=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/10.png\" alt=\"\" width=\"1080\" height=\"1920\" srcset=\"https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/10.png 1080w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/10-169x300.png 169w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/10-768x1365.png 768w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/10-576x1024.png 576w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/10-82x146.png 82w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/10-28x50.png 28w, https:\/\/toddbaginski.com\/blog\/wp-content\/uploads\/2017\/01\/10-39x70.png 39w\" sizes=\"auto, (max-width:767px) 480px, (max-width:1080px) 100vw, 1080px\" \/><\/a><\/p>\n<p>Hope this helps you out!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In a world where users want instant notifications and access to information&#8230; How do you like that movie trailer intro? \ud83d\ude42 Let&#8217;s say you have a<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":1212,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[96],"tags":[58,113,61,54,57,45,112,114],"class_list":["post-1189","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","tag-android","tag-flow","tag-ios","tag-mobile","tag-mobility","tag-o365","tag-powerapps","tag-windows-phone"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/posts\/1189","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/comments?post=1189"}],"version-history":[{"count":10,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/posts\/1189\/revisions"}],"predecessor-version":[{"id":1211,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/posts\/1189\/revisions\/1211"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/media\/1212"}],"wp:attachment":[{"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/media?parent=1189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/categories?post=1189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/toddbaginski.com\/blog\/wp-json\/wp\/v2\/tags?post=1189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}