![\"\"](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/Technical-blog-1.png\")
<\/p>\n<\/p>\n
The Wrap<\/strong> feature in Power Apps<\/a> allows you to transform your Canvas app into a native mobile app. This process is especially beneficial for organizations that want to distribute apps internally or via app stores while maintaining the native app-like experience.<\/p>\n Note: <\/u><\/em><\/strong>Before you begin the wrapping process, ensure that you have the installed <\/u><\/em><\/strong>Java \/JDK, openssl, Android Studio<\/u><\/em><\/strong><\/p>\n Please find below steps to Wrap the Canvas App:<\/strong><\/p>\n 1. Generating keys<\/strong><\/p>\n Use keytool.exe<\/strong> to generate a certificate for signing the Android app.<\/p>\n cd “C:\\Program Files\\Java\\jdk-23\\bin”<\/u><\/em><\/strong><\/p>\n keytool -genkey -alias SIGNATURE_ALIAS -keyalg RSA -keystore PATH_TO_KEYSTORE -keysize 2048 -validity 10000<\/u><\/em><\/strong><\/p>\n where,<\/p>\n SIGNATURE_ALIAS<\/strong>: Specifies a unique name for the key in the keystore.<\/p>\n PATH_TO_KEYSTORE<\/strong>: Path to the keystore file where the generated key pair will be stored.<\/p>\n 2. <\/strong>Generate Signature Hash<\/strong><\/p>\n keytool -exportcert -alias SIGNATURE_ALIAS -keystore PATH_TO_KEYSTORE | openssl sha1 -binary | openssl base64<\/u><\/em><\/strong><\/p>\n 3. Enable Wrap feature for Power Apps Solution: <\/strong><\/p>\n 1. Sign in to your Power Platform Admin Centre<\/a>. > Click on Now select Dynamics 365 apps.<\/strong><\/p>\n 2. From the listed app, search for \u2018wrap\u2019<\/strong> and select \u2018Wrap for Power Apps<\/strong>\u2019. Now, click on (\u2026) More Application Actions and click on Install<\/strong>.<\/p>\n 3. After clicking Install<\/strong>, a window will appear asking you to choose an environment. Select the environment where you want to install the wrap, check the box to agree to the terms of service, and then click Install<\/strong>.<\/p>\n 4. Register the Application in the Microsoft Azure Portal <\/strong><\/p>\n This step ensures authorization and authentication for the app to access Power Apps Services. 2. Give a name to register the application and choose a Multitenant<\/strong> account type.<\/p>\n Note: Currently, “Wrap” only supports “Multitenant account” types.<\/u><\/em><\/strong><\/p>\n 5. Configure the API Permissions and Authentication <\/strong><\/p>\n Configure the required API Permissions to your app. These permissions ensure secure and controlled access to APIs and services i.e. what resources and actions your app is authorized to access or perform.<\/strong><\/p>\n Below is the list of required API Permissions that need to be added.<\/p>\n – Dynamics CRM<\/p>\n – Azure API Connections<\/p>\n – PowerApps Service<\/p>\n To add permissions:<\/strong><\/p>\n Now navigate to Manage. <\/strong>Under Manage<\/strong> > click on API permissions<\/strong> > click Add permission<\/strong> and add the above-listed API permissions to your app. After adding permissions, the admin must click on \u2018Grant admin consent for Tech<\/strong>\u2019.<\/p>\n 6. Configure Platform Settings<\/strong><\/p>\n 7. Create an App Center location. <\/strong><\/p>\n App Center is the place where the wrap for Power Apps builds will be published i.e. where our .apk<\/strong> file would be generated.<\/p>\n 8. PowerShell Commands for Power Apps Administration.<\/strong><\/p>\n To enable administration and allow third-party apps below are essential PowerShell commands to manage and configure Power Apps environments.<\/p>\n Get-ExecutionPolicy<\/strong><\/em><\/p>\n Set-ExecutionPolicy -ExecutionPolicy RemoteSigned<\/strong><\/em><\/p>\n Install-Module -Name Microsoft.PowerApps.Administration.PowerShell Install-Module -Name Microsoft.PowerApps.PowerShell -AllowClobber<\/strong><\/em><\/p>\n Add-PowerAppsAccount<\/strong><\/em><\/p>\n Add-AdminAllowedThirdPartyApps -ApplicationId “{ApplicationID}”<\/strong><\/em><\/p>\n To find ApplicationID > refer to Step 4 where we have registered for the app. From the left Side Panel >Click on Overview > <\/strong>Copy the Application (client) ID<\/strong> from the Overview tab.<\/p>\n 9. Turn the canvas app into a native mobile app using the Wizard.<\/strong><\/p>\n Your Canvas must be included in the solution for the wrap to work. If it’s not, you need to add it to a new or existing solution.<\/p>\n Now, go to the solution where your canvas app is located. Select the app you want to wrap, then click on Wrap<\/strong> from the command bar. After clicking Wrap<\/strong>, you’ll be taken to the Wrap Wizard screen.<\/p>\n 10. Select the apps to wrap<\/strong><\/p>\n On the\u00a0Select the app(s) to wrap<\/strong>\u00a0screen, select your primary and secondary app.<\/p>\n 11. Register app <\/strong><\/p>\n On the Register app, select the existing app registration as we have created in step 4 i.e. WrapDemo.<\/strong> Registering an app is needed to uniquely identify it, enable required features, and allow publishing to app stores.<\/p>\n Provide Signature hash and click on Fix it, <\/strong>then proceed by clicking Next.<\/strong><\/p>\n 12. Configure Branding<\/strong><\/p>\n On the Configure Branding<\/strong> screen, customize your app\u2019s icon, color, and theme to match your branding preferences. Branding makes your app visually unique, ensuring consistency and helping users identify and trust your organization.<\/p>\n 13. Target Platforms step <\/strong><\/p>\n The Target Platforms<\/strong> step ensures the app is configured with a unique Bundle ID<\/strong> and tailored to run on specific operating systems (e.g., Android, iOS), while the platform sign-in process enables secure integration with required services like app stores.<\/p>\n Provide the Bundle ID (Package name) from earlier and select the Target platform<\/strong> as Android<\/strong>. Click on Next.<\/p>\n 14. Manage output<\/strong><\/p>\n To get an Authentication token, Click on Get App Center token. <\/strong>Select your existing App Center organization and the Android App Center location you set up earlier.<\/p>\n 15. Wrap up<\/strong><\/p>\n Finally, click Build<\/strong> to generate the APK file in the App Center<\/strong>. Your app is now wrapped and ready for distribution!<\/p>\n 16. Sign the APK Package <\/strong><\/p>\n Download the apk file from the app center which we have created in Step 7.<\/p>\n Now Navigate to the Android SDK location:<\/p>\n “C:\\Users\\{UserName} \\AppData\\Local\\Android\\Sdk\\build-tools\\34.0.0”<\/strong> and run the command prompt.<\/p>\n Run the following command to use the\u00a0apksigner<\/strong>\u00a0and sign the package:<\/p>\n apksigner.bat sign –ks PATH_TO_KEYSTORE –ks-key-alias KEY_ALIAS PATH_TO_APK<\/strong><\/p>\n Now, your app is ready to install on Android mobile.<\/p>\n This streamlined process allows you to turn a Canvas app into a native Android app, making it ready for internal or external distribution. The wrapping feature brings the power of Power Apps to mobile users, enabling enhanced functionality and distribution flexibility.<\/p>\n The Wrap feature in Power Apps allows you to transform your Canvas app into a native mobile app. This process is especially beneficial for organizations that want to distribute apps internally or via app stores while maintaining the native app-like experience. Note: Before you begin the wrapping process, ensure that you have the installed Java\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"closed","ping_status":"closed","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":[1954,16,44],"tags":[3079],"class_list":["post-39891","post","type-post","status-publish","format-standard","hentry","category-canvas-apps","category-dynamics-365","category-power-apps","tag-wrapping-feature-in-power-apps"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/39891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=39891"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/39891\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=39891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=39891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=39891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
\n
![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/1Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/2Wrapping-Feature-in-Power-Apps-1.png\")
<\/p>\n
\n1. Log into your Microsoft Entra Admin Center <\/a>and Click on Applications. <\/strong>Now navigate to App registrations and click on \u2018New registration<\/strong>\u2019.<\/p>\n![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/3Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n\n
\n
![\"Wrapping-Feature-in-Power-Apps](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/4Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n\n
![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/5Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n\n
![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/6Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n\n
![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/7Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n\n
\n
![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/8Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n\n
![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/9Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/10Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/11Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/12Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/13Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/14Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/15Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n![\"Wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/16Wrapping-Feature-in-Power-Apps.png\")
<\/p>\n![\"wrapping](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/12\/19wrapping-feature-in-power-appps-1.png\")
<\/p>\nConclusion<\/strong><\/h2>\n
![\"Canvas-App\"](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/11\/Canvas-App-1.gif\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"