Wrap Feature of Canvas Apps for Android store deployment

Overview:  I am going to use the wrap feature for Canvas Apps to make a separate deployable package (apk) for Android devices.   Ensure you have setup the Wrap solution so the feature is available in each environment you deploy to.  

Tip: Wrap deployment has many nuances, I try take them away by have Admin on the Power Platform tenant and Azure.  Not ideal for enterprise client deployment.

Power Platform Setup:

There are a few ways to get to the wrap screens, here I click the vertical ellipses, and select "Wrap"

Walk thru the wizard as shown below, step 1, select the apps 

Step 2 - choose mobile platform

I need to disable signing to get Android/apk to build.  i.e. Under "Sign my app", turn it off.

Step 3 - Configure Branding

Step 4 Register a new app

Complete step 4 Register your app (ensure all boxes are ticked and green)

Step 5.  Manage Output - you need to get a Auth token by selecting the "Get App Center token" button and signing in (I'm a tenant admin and have AAD Admin rights)

Step 6. Build the App and wait to ensure it completes

Step 7. Verify Build

Step 8. Check you App Center

Note: On the Power Platform tenant, you may need to change configuration to allow third party apps.  I add this once per tenant i.e. not per mobile app on a tenant.  So i just need to to this once per DTAP env e.g. Production.

PS> Install-Module -Name Microsoft.PowerApps.Administration.PowerShell

PS> Install-Module -Name Microsoft.PowerApps.PowerShell -AllowClobber

PS> Add-AdminAllowedThirdPartyApps -ApplicationId 84xx-xxx-xxx-xxx

Update: 1 Aug 2023: I can't get the build to work for pkgfiles and the wizard is returning multiple js errors during the process.  I delete my organisation, create new organisations and Apps.

Image. Cannot build apk package in app centre

Other: 
Deep link into Wrapped Canvas Apps Use deep links with wrapped native mobile apps - Power Apps | Microsoft Learn

Deploying a Canvas App direct to mobile devices

Overview:  Canvas apps have a feature called "Wrap" that can take a canvas app via a solution and allow it to be access naively on iOS and Droid.  This allow users to open the canvas app without going thru the Power Apps client on their mobile device.  The apps can be shipped using the app stores/marketplace or Microsoft Intune for enterprise deployment.

Enable the feature in your dev/un-managed environment using the "Power Platform Admin centre":

There is a great wizard that takes care of a lot of the underlying work such as registering the app in Azure Portal AAD.

Use the Wrap wizard (you'll need a lot of access rights on the Power Platform and Azure Portal)

Pick your package types, this post outlines the full process for Android (apk). Below shows the iOs file needed for the Apple store but you can distribute using InTune.

 

Basics of Flutter

Overview:  Flutter is a UI toolkit built by Google used to create native mobile applications (and web sites (Hummingbird)) using a single code base.  Historically, I have tried to keep a single code base in the front end using Angular, KO or ReactJS for my websites and used PhoneGap to build pseudo native apps on Android and iOS.  This allows me to have a single code base and also deploy to Droid and iOS with minor tweaks on PhoneGap.

Tips:

• There is a Flutter add-in for Visual Studio Code.
• Flutter uses "Dart" as it's programming language.
• Dart is a strongly types object orientated language that compiles into JavaScript for websites, and "natively" for iOS and Droid.
• Also can compile code for native Windows, Mac, Chromebook.
• Everything is a Widget (layout widget, elements e.g. image, text, or a gesture widget (listens for actions like a tap)),
• Add widget together to make a custom widget,
• Widgets are either stateless e.g. picture or stateful e.g. textbox
• import the material.dart to provide basic building blocks

The more I see of Flutter, the more I like it.  It is quick to build mobile apps and looks fantastic.

Cons:

• Pretty new & hard to find skills
• Slightly bloated on a native app - not noticeable to end users

Basic Environment setup:

1. Surface Windows 10 Pro
2. Visual Studio Code
3. Flutter SDK
4. Android emulator (I didn't setup iOS)
5. Android device to load the package to try it out on a phone

Emulator Running using Flutter