Il potenziale di PowerApps per la creazione di applicazioni aziendali rende la piattaforma molto apprezzata per la maggior parte delle applicazioni di cui le aziende hanno bisogno internamente. Ma quando le richieste iniziano a includere la possibilità di lavorare offline, integrare i servizi di Azure, incorporare un'applicazione PowerApps, creare e riutilizzare componenti personalizzati o utilizzare connettori personalizzati per dati e servizi aziendali o gestire il ciclo di vita di un'app, le cose diventano più complicate. In questa sessione vedremo come sfruttare i meccanismi e le funzionalità che PowerApps include per soddisfare queste esigenze. By Fabio Franzini

1. CLOUD
CONFERENCE
ITALIA
2019

2. POWER APPSFOR
ENTERPRISE
DEVELOPERS
FABIO FRANZINI
INDIPENDENT SENIOR CONSULTANT & TRAINER
MICROSOFT OFFICE DEVELOPMENT MVP

3. SPONSOR

4. Power
Platform

5. Agenda
Build offline-
capable apps Embed apps
Build Azure
Functions
Build custom
connectors Useful tools
PowerApps
control
framework
June 2019
Updates

7. Build offline-
capable apps
Use Use collections and leverage functions such as LoadData and
SaveData for basic data storage when offline.
Determine Determine when an app is offline, online, or in a metered
connection by using the Connection signal object.
Run Run apps that you develop when offline.
Launch Launch PowerApps Mobile when offline.

8. Build offline-capable apps OnVisible property for Screen1 in the app

9. Build offline-capable apps Save Data on Button Click

10. Build offline-capable apps Add a timer to check / Click Button to refresh

11. Limitations
LoadData and SaveData combine to form a simple mechanism to
store small amounts of data on a local device.
You should generally expect to have between 30 and 70 megabytes
of available memory.
The functions also don't automatically resolve merge conflicts when
a device returns to connectivity from offline.

12. Integrate canvasapps
into websites and
other services
The apps that you build are
often most useful when
they're available right where
people do their work. By
embedding canvas apps in an
iframe, you can integrate
those apps into websites and
other services, such as Power
BI or SharePoint.

13. Integrate
canvas apps
into websites
and other
services
Only PowerApps users in the same
tenant can access the embedded
app.
Using Modern Browser or using
Internet Explorer 11, but you must
turn off Compatibility View.
You can also integrate canvas apps
into SharePoint Online without
using an iframe by using
PowerApps web part.

14. Set URI
parameters
for your app
• https://web.powerapps.com/webplayer/iframeapp?source=iframe&appId=/
providers/Microsoft.PowerApps/apps/[AppID]
• The only thing you have to do is substitute the ID of your app for [AppID] in
the URI (including '[' & ']'). We'll show you how to get that value shortly, but
first here are all the parameters available in the URI:
• [appID] - is in the format /providers/Microsoft.PowerApps/apps/[AppID]. It
provides the ID of the app to run.
• screenColor - is used to provide a better app loading experience for your
users. This parameter is in the format RGBA (red value, green value, blue
value, alpha) and controls the screen color while the app loads. It is best to
set it to the same color as your app's icon.
• source - does not affect the app, but we suggest you add a descriptive name
to refer to the source of the embedding.
• Lastly, you can add any custom parameters you want using the Param()
function, and those values can be consumed by your app. They are added to
the end of the URI, such as [AppID]&param1=value1. These parameters
are read only during launch of the app; if you need to change them, you
need to re-launch the app.

15. Get the App ID

16. Embed your app in awebsite
<iframe width="[W]" height="[H]"
src="https://web.powerapps.com/webplayer/iframeapp?source=
website&screenColor=rgba(165,34,55,1)&appId=/providers/Micro
soft.PowerApps/apps/[AppID]" allow="geolocation; microphone;
camera"/>
Include allow="geolocation; microphone; camera" in your iframe
HTML code to allow your apps to use these capabilities on Google
Chrome.

17. What is serverless?

18. What are the benefits?

19. Azure Functions Key Features
Choice of language - Write functions using your choice of C#, F#, or Javascript.
See Supported languages for other options.
Pay-per-use pricing model - Pay only for the time spent running your code. See
the Consumption hosting plan option in the pricing section.
Integrated security - Protect HTTP-triggered functions with OAuth providers such
as Azure Active Directory, Facebook, Google, Twitter, and Microsoft Account.
Open-source - The Functions runtime is open-source and available on GitHub.

20. Azure
Functions What
I can do
Azure Functions supports
triggers, which are ways to
start execution of your
code, and bindings, which
are ways to simplify coding
for input and output data.

21. Azure Functions
Authorization Level
• For each function you can choose an "authorization level“
• anonymous means no API key is required
• function means a function specific API key is required.
• admin means you are required to provide the special "master" host key

22. What is a Custom Connector?
Custom Connectors
PowerApps
Flows
API
• Using it in PowerApps
and Flows
• Can call the Graph API
• Can also call other APIs
like Azure Function
• Function based

23. Why do you make a Custom
Connector?
• When existing Connectors do not support
the operations you need
• If you want to reuse the same apis in
different points or different App

24. Create a component
for canvas apps
• This feature is still
experimental and disabled
by default.
• Open the App
Settings screen,
select Advanced settings,
and enable the feature, as
well as ensuring
that Improved app
rendering is also enabled.

25. Create an example
component

26. Current
component
limitations
• Data sources aren't saved with components, so forms and
data tables are disabled.
• If you create a variable in a component, that variable is
scoped only to that component and doesn't appear with
app variables.
• PowerApps doesn't support collections in components.
• You can't insert a component into a gallery, a form, or a
data card.
• A master instance of a component is a local master and
scoped to the app. If you change a master instance, only
copies of the component within the app will reflect the
change. Copies in other apps will remain the same unless
you import the component library again. All master
instances in those apps will be automatically detected and
updated.
• You can't package media files when you import a component

27. PowerApps control framework
Build powerful and integrated custom controls
https://docs.microsoft.com/en-us/powerapps/developer/component-framework/overview

29. Useful tools
PowerApps Review Tool Theme Editor
This tool allow you to see all the changes that you
made to your app taking the default properties of
the control as baseline.
Theme editor allow you to inject your own style into
your app. You can update every style of every
controls.

30. Useful tools
App Merger Phone to Tablet Layout Converter
This tool takes two apps and creates a third
merged app that includes all screens fromboth
apps.
This simple tool converts your phone app toa
tablet layout.

31. PowerApps Tools
https://github.com/microsoft/
powerapps-tools

32. Some 2019
Updates
AI Builder for Power
Platform
Power Apps Portals
Power Apps checker
PowerShellModule
React and Office UI Fabric
React for PowerApps
component framework
Northwind Traders
relational data sample
JSON for canvas apps

33. AI Builder for Power Platform
Binary Classification Text Classification
Uses historical data to predict whether new
data falls into one of two categories
Tags any snippet of text based on the historical
data you provide

34. AI Builder for Power Platform
Object Detection Form Processing
Lets you count, locate, and identify selected
objects within any image
Identifies the structure of your documents based on
examples you provide to extract text from any matching
form

35. PowerApps Portals
The ability to build low-code,
responsive websites which
allow external users to
interact with the data stored
in the Common Data Service

36. PowerApps checker
PowerShell Module
Using the module, you can directly
check your solutions from your
pipelines and receive the a detailed
report of issues similar to what was
made available to you from the
PowerApps maker portal.
Alternatively, you can also allow
your teams validate their solutions
locally by using the interactive login
mode to access the checker
service.

37. Northwind Traders relational
data sample
New sample solution showcasing canvas and model-driven apps
built on relational data in Common Data Service.
https://powerapps.microsoft.com/en-us/blog/northwind-
traders-relational-data-sample/

38. JSON for canvas apps
The JSON function returns the JavaScript Object
Notation (JSON) representation of a data structure as
text so that it’s suitable for storing or transmitting
across a network

40. Any questions?

41. FABIO FRANZINI
MICROSOFT OFFICE DEVELOPMENT MVP
INDIPENDENT SENIOR CONSULTANT & MCT TRAINER
MAIL: FABIO@FABIOFRANZINI.COM
WEB: HTTP://FABIOFRANZINI.COM/
TWITTER: @FRANZINIFABIO
LINKEDIN:
HTTPS://WWW.LINKEDIN.COM/IN/FABIOFRANZINI/

42. GRAZIE!