Delen via

De verpakkingswizard gebruiken om uw mobiele app te bouwen

  • Artikel

Gebruik de verpakkingsfunctie om een of meer canvas-apps te verpakken als één systeemeigen mobiel app-pakket met de stapsgewijze wizard.

Met de verpakkingsfunctie in Power Apps kunt u systeemeigen mobiele versies van uw canvas-apps als op maat gemaakte Android- en iOS mobiele apps maken. U kunt dergelijke verpakte native mobiele apps distribueren naar de eindgebruikers door Microsoft Intune, Microsoft App Center, Google Play of Apple Business Manager of andere native distributiemethoden.

Met de verpakkingsfunctie kunt u mobiele apps maken voor iOS, Android of Google Play Store:

  • iOS (IPA-pakket)
  • Android (APK-pakket)
  • Google Play Store (AAB-pakket)

Met de verpakkingsfunctie worden uw canvas-apps in een native mobiele app-shell verpakt die u digitaal kunt ondertekenen en distribueren. Wanneer u uw app bijwerkt en opnieuw publiceert, wordt de app automatisch bijgewerkt.

Vereisten

U hebt toegang tot het volgende nodig:

Als u een pakket voor een mobiele app maakt voor Android-platform en u van plan bent om er handmatig codeondertekening op toe te passen, zorg er dan voor dat u sleutels genereert en vervolgens handtekeninghash genereert  voordat u begint. U hebt de gegenereerde handtekeninghash nodig om de omleidings-URI te configureren.

Canvas-app toevoegen aan oplossing

De verpakkingsfunctie voor Power Apps vereist dat de apps deel uitmaken van een oplossing. Als uw canvas-apps nog niet deel uitmaken van een oplossing, voegt u ze toe aan een bestaande of nieuwe oplossing. Selecteer Oplossingen in het linkernavigatiedeelvenster. Als het item zich niet in het deelvenster van het zijpaneel bevindt, selecteert u …Meer en selecteert u vervolgens het gewenste item.Selecteer een oplossing en selecteer vervolgens Bewerken.

Selecteer een oplossing.

Kies de optie + Bestaande toevoegen in het hoofdmenu en selecteer App > Canvas-app in de vervolgkeuzelijst.

Selecteer Bestaande toevoegen in het menu.

Selecteer het tabblad Buiten Dataverse en kies uw app uit de lijst. Druk op de knop Toevoegen om deze app aan een oplossing toe te voegen.

Selecteer App aan een oplossing toevoegen.

Meer informatie: Een app toevoegen aan een oplossing

Maak systeemeigen mobiele apps voor iOS en Android met behulp van de wizard

  1. Meld u aan bij Power Apps.

  2. Selecteer Verpakken in het linkernavigatiedeelvenster. Als het item zich niet in het deelvenster van het zijpaneel bevindt, selecteert u …Meer en selecteert u vervolgens het gewenste item.

  3. Selecteer de app die u wilt verpakken en selecteer vervolgens Verwijderen op de opdrachtbalk.

Stap 1: Apps selecteren

  1. Selecteer op het scherm Selecteer de app(s) om te verpakken uw primaire en secundaire app.

    • Primaire app: selecteer de app die uw eindgebruikers zien wanneer de mobiele app wordt gestart.

    • Secundaire app(s): optionele andere apps die u kunt bundelen in dezelfde build voor het mobiele app-pakket samen met de primaire app.

      De apps kiezen die u wilt verpakken.

      Notitie

      U kunt dezelfde primaire app gebruiken in meerdere verpakkingsprojecten.

  2. Selecteer Volgende.

Stap 2: Doelplatform

  1. Voer op het scherm Kies mobiele platforms om u op te richten een bundel-ID van onze keuze in.

    Notitie

    De Bundel-ID is een unieke ID die u maakt voor uw app. Een bundel-ID moet één punt (.) en geen spaties bevatten.

  2. Selecteer onder Doelplatform(s) alle mobiele platforms die uw eindgebruikers gebruiken op hun mobiele apparaten.

  3. Stel de schakelaar Mijn app ondertekenen in op AAN om uw mobiele app automatisch met code te ondertekenen en selecteer vervolgens URI van Azure Key Vault in de lijst en klik op Volgende. Als er geen invoer staat in de lijst URI van Azure Key Vault moet u eerst een Azure Key Vault maken. Meer informatie: Een Azure Key Vault maken voor verpakking in Power Apps.

    De apps kiezen die u wilt verpakken.

U kunt uw mobiele app-pakket ook handmatig met code ondertekenen in plaats van automatische codeondertekening te gebruiken die beschikbaar is in de verpakkingswizard. Zie voor meer informatie over hoe u handmatig codeondertekening kunt uitvoeren:

  1. Selecteer Volgende.

Stap 3: Huisstijl configureren

  1. Stel in de stap voor huisstijl configureren de volgende opties voor het uiterlijk in voor uw app:

    Notitie

    Alle afbeeldingen moeten de .png-indeling hebben. Er wordt een standaardafbeelding gebruikt als er geen aangepaste afbeeldingen zijn geselecteerd.

    • App-pictogrammen: Upload pictogrammen die u wilt gebruiken voor uw app. Aanbevolen formaat voor iOS: 1024px bij 1024px .png-afbeelding of groter. Aanbevolen afbeeldingsformaat voor Android: 432px by 432px.png-afbeelding of groter.
    • Startschermafbeelding: afbeelding die wordt gebruikt in het startscherm van uw mobiele app terwijl deze wordt geladen. Standaardafbeelding die wordt gebruikt wanneer deze niet wordt opgegeven.
    • Welkomstschermafbeelding: afbeelding die wordt gebruikt op het welkomstscherm (aanmelding) van uw mobiele app terwijl deze wordt geladen. Standaardafbeelding die wordt gebruikt wanneer deze niet wordt opgegeven.
    • Opvulkleur voor achtergrond: Hexadecimale kleurcode die wordt gebruikt voor de achtergrond van het welkomstscherm.
    • Vulkleur van knop: Hexadecimale kleurcode die wordt gebruikt om de knopkleur te vullen.
    • Tekstthema van statusbalk: Kleur voor de statusbalktekst boven aan de app.

  2. Selecteer Volgende.

Stap 4: Uw app registreren

Registreer op het scherm Uw app registreren uw toepassing in Azure om een vertrouwensrelatie tot stand te brengen tussen uw app en het Microsoft-identiteitsplatform. Uw app moet zijn geregistreerd in Microsoft Entra zodat uw app-gebruikers zich kunnen aanmelden.

Nieuwe app-registratie

Selecteer Nieuwe app-registratie om automatisch een nieuwe registratie voor uw app te maken.

Een nieuwe app-registratie maken.

U kunt ook handmatig een nieuwe app-registratie maken. Meer informatie: Uw app handmatig registreren in de Azure-portal.

Met de verpakkingswizard worden automatisch alle vereiste API-machtigingen voor uw app geconfigureerd. U kunt de API-machtigingen ook handmatig configureren als u deze stap moet oplossen. Meer informatie: De API-machtigingen voor uw app handmatig configureren.

Stap 5: Uitvoer beheren

Maak of selecteer in het scherm Uitvoer beheren een bestaande App Center-locatie om uw mobiele app te verzenden zodra de build is voltooid. Als u automatisch een nieuwe locatie in de verpakkingswizard wilt maken, selecteert u Nieuwe locatie boven in het scherm en selecteert u vervolgens Android of iOS.

Nieuwe App Center-locatie

  • Android: Kies een bestaande locatie of maak een nieuwe.

  • iOS: Kies een bestaande locatie of maak een nieuwe.

U kunt er ook voor kiezen om uw App Center-locatie handmatig te maken in App Center. Meer informatie: Een App Center-locatie handmatig voor uw mobiele app maken.

Stap 6: Verpakken

Bekijk op het scherm Verpakken de details van de app en selecteer vervolgens Bouwen. Na een succesvolle build ziet u uw mobiele app op de App Center-locatie die u in de vorige stap hebt geselecteerd.

Het mobiele app-pakket testen en distribueren

zie App Center-test en Distribueren voor testen en distributie.

Registreer uw app handmatig op de Azure-portal (optioneel).

U kunt uw app-registratie automatisch maken in de verpakkingswizard zoals vermeld in stap 4. Of u kunt handmatig een nieuwe registratie voor uw app maken in de Azure-portal. Meer informatie: Snelstartgids: een toepassing registreren bij het Microsoft-identiteitsplatform.

Notitie

Zowel klanten met één tenant als klanten met meerdere tenants kunnen de verpakkingsfunctie gebruiken om native mobiele apps te maken op basis van hun Power Apps-canvas-apps.

Of u nu een of meer tenants maakt, selecteer een van de opties met Alle Microsoft Entra-directory's - meerdere tenants bij het kiezen van het ondersteunde accounttype voor uw app om de verpakkingsfunctie in te schakelen. Kies een van de volgende accounttypen:

  • Accounts in een organisatiedirectory (alle Microsoft Entra-directory's - meerdere tenants)
  • Accounts in een organisatiedirectory (alle Microsoft Entra-directory's - meerdere tenants) en persoonlijke Microsoft-accounts (zoals Skype of Xbox).

App-registratie - ondersteunde accounttypen voor verpakken.

Belangrijk

  • Verpakken ondersteunt momenteel alleen accounts van het type Multitenant. Het accounttype Eén tenant wordt nog niet ondersteund. Meer informatie over de accounttypen: Accounttypen in het Microsoft-identiteitsplatform.
  • U moet een aparte omleidings-URI maken voor elk platform (iOS, Android) waarop u zich wilt richten.

De API-machtigingen voor uw app handmatig configureren (optioneel)

Wanneer u stap 4 voltooit, worden alle vereiste API-machtigingen voor uw app automatisch geconfigureerd met de verpakkingswizard.

Als u fouten krijgt in de verpakkingswizard, kunt u API-machtigingen handmatig configureren. Meer informatie: Toevoegen en configureren

De volgende API-machtigingen zijn vereist bij het handmatig configureren van API-machtigingen:

  • Microsoft-API's
    • Dynamics CRM
  • API's die mijn organisatie gebruikt
    • Azure API-verbindingen
    • PowerApps-service
    • Power BI (alleen vereist als uw canvas-app(s) Power BI-gegevens gebruikt/gebruiken)
    • Microsoft Mobile Application Management (alleen vereist als u Microsoft Intune wilt gebruiken voor distributie van mobiele apps)

Notitie

Als u de machtigingen niet vindt onder API's die mijn organisatie gebruikt, voer dan indien van toepassing de volgende PowerShell-opdrachten uit en probeer het opnieuw:

  • Ontbrekende machtijging voor Azure API-verbindingen: 
    Connect-AzureAD -TenantId <your tenant ID>
New-AzureADServicePrincipal -AppId fe053c5f-3692-4f14-aef2-ee34fc081cae -DisplayName "Azure API Connections"
  • Ontbrekende machtiging voor PowerApps Service: 
    Connect-AzureAD -TenantId <your tenant ID>
New-AzureADServicePrincipal -AppId 475226c6-020e-4fb2-8a90-7a972cbfc1d4 -DisplayName "PowerApps Service"

Raadpleeg voor gedetailleerde stappen De machtigingen aanvragen in de app-registratieportal.

Een App Center-locatie handmatig voor uw mobiele app maken (optioneel)

U hebt de mogelijkheid om automatisch een nieuwe App Center-locatie te maken om uw mobiele app op te slaan, zoals vermeld in stap 5 in de verpakkingswizard, maar u kunt deze ook handmatig rechtstreeks in App Center maken. Meer informatie: App Center-locatie

Tip

Ga voor meer informatie over App Center naar Visual Studio App Center-documentatie.

  1. Ga naar App Center.

  2. Meld u aan met uw werk- of schoolaccount.

  3. Als u geen bestaande organisatie hebt, selecteert u Nieuwe toevoegen > Nieuwe organisatie toevoegen om een nieuwe organisatie op te richten.

  4. Selecteer de organisatie in de lijst in het linkerdeelvenster.

  5. Selecteer Apps > App toevoegen.

  6. Voer de appnaam in.

  7. Selecteer het type app-release.

  8. Selecteer Aangepast besturingssysteem voor iOS apps, of Android besturingssysteem voor Android apps.

    Notitie

    U moet voor elk platform afzonderlijke App Center-containers maken.

  9. Voor Android selecteert u Platform als React Native.

    Notitie

    Als Platform moet React Native zijn ingesteld voor alle apps in App Center.

    Configuratie van App Center-app.

  10. Selecteer Nieuwe app toevoegen.

  11. Kopieer de App Center-URL van de app. U hebt deze later nodig om het verpakkingsproject in Power Apps te configureren.

    Bijvoorbeeld https://appcenter.ms/orgs/Contoso-sales/apps/Sample-canvas-app-for-Android-OS/

    App Center-URL.

Uw mobiele app-pakket handmatig ondertekenen (optioneel)

U kunt uw mobiele app-pakket automatisch ondertekenen tijdens het verpakkingsproces in Stap 2, maar u kunt dit ook handmatig doen nadat het mobiele app-pakket is samengesteld. Het proces voor het ondertekenen van code is anders voor Android en iOS apparaten.

Zie ook