Prilagodba i izrada vlastite mobilne aplikacije

Prethodno ste se upoznali s mogućnostima značajke zamatanja, o tome kako radi i njezinim prednostima. U ovom ćete članku naučiti kako koristiti značajku zamatanja za pakiranje jedne ili više aplikacija od gotovih gradivnih elemenata kao jedan izvorni paket mobilne aplikacije.

Preduvjeti

• Trebat će vam pristup za Azure portal da registrirate svoju aplikaciju i konfigurirate API dozvole na Microsoftovoj platformi za identitete.
• Trebat će vam pristup na Visual Studio App Center za dodavanje nove tvrtke ili usluge i aplikacija.
• Trebat će vam jedna ili više aplikacija od gotovih gradivnih elemenata (spremljenih kao rješenje) koje možete pakirati za distribuciju mobilnim korisnicima.
• Ako upotrebljavate Android platformu, osigurajte da ste generirali ključeve, a zatim generirajte raspršivanje potpisa prije nego što registrirate aplikaciju. Trebat će vam generirano raspršivanje potpisa za konfiguraciju Preusmjeri URI.

Instaliranje omotača za Power Apps u vašem okruženju

Značajka omota stvorit će mobilnu verziju vaših aplikacija od gotovih gradivnih elemenata koje možete distribuirati kao prilagođene Android i izvorne mobilne aplikacije putem distribucijskih kanala kao što su iOS Microsoft Intune , Microsoft App Center, Google Play Store i Apple Business Manager.

Da biste koristili Power Apps omot, morate ga instalirati u svoje okruženje. Otvorite odjeljak Aplikacije sustava Dynamics 365 u centru Power Platform za administratore, odaberite Prelomi za i kliknite Power Apps mogućnost Instaliraj .

Odaberite okruženje s popisa i kliknite gumb Instaliraj .

Napomena

Morate imati administratorska prava na okruženje za Power Apps koje možete instalirati prelamanje.

Dodavanje aplikacije od gotovih gradivnih elemenata u rješenje

Prelamanje za Power Apps zahtijeva da aplikacije budu dio rješenja. Ako vaše aplikacije od gotovih gradivnih elemenata već nisu dio rješenja, dodajte ih postojećem ili novom rješenju. Idite na odjeljak Rješenja, odaberite rješenje i pritisnite gumb Uredi .

Chooose + Dodajte postojeću mogućnost s gornjeg izbornika i na padajućem popisu odaberite Aplikacija > aplikaciju Canvas.

Odaberite karticu Oustide Dataverse i odaberite aplikaciju s popisa. Pritisnite gumb Dodaj da biste ovu aplikaciju dodali u rješenje.

Dodatne informacije: Dodavanje aplikacije u rješenje

Registracija aplikacije

Izradite novu registraciju za svoju aplikaciju u direktoriju tvrtke ili ustanove putem portala Azure. Detaljne korake potražite na: Brzi početak: Registracija aplikacije na Microsoftovoj platformi za identitet

Napomena

I korisnici s jednim klijentom kao i multiklijentski korisnici mogu upotrebljavati zamatanje za izradu izvornih mobilnih aplikacija na temelju svojih aplikacija od gotovih gradivnih elemenata Power Apps.

Bez obzira na to jeste li proizvođač pojedinačnih ili višestrukih korisnika, morate odabrati bilo koju od opcija koje sadrže Bilo koji Azure AD direktorij - Multitenant pri odabiru podržane vrste računa za svoju aplikaciju kako biste je omogućili za prelamanje. Odaberite jednu od sljedećih vrsta računa:

• Računi u bilo kojem direktoriju tvrtke ili ustanove (Bilo koji Azure AD direktorij - Multiklijent)
• Računi u bilo kojem direktoriju tvrtke ili ustanove (Bilo koji Azure AD direktorij - Multitenant) i osobnim Microsoftovim računima (npr. Skype, Xbox)

Važno

• Značajka Zamatanje trenutno podržava samo Multiklijentske vrste računa. Vrsta računa Jedan klijent još uvijek nije podržana. Više informacija o vrstama računa: Vrste računa u Microsoftovoj platformi za identitet.
• Kako bi se osiguralo da URI preusmjeravanja odgovara potrebnom obliku, nemojte izrađivati URI preusmjeravanja dok kreirate registraciju aplikacije. Nakon što je registracija aplikacije dovršena, idite na aplikaciju, a zatim odaberite Provjera autentičnosti > + Dodajte platformu da biste umjesto toga dodali platformu.
• Morate stvoriti zaseban URI preusmjeravanja za svaku platformu (iOS,) Android koju želite ciljati.

Nakon što je aplikacija registrirana, kopirajte ID aplikacije (klijenta) i URI preusmjeravanja koji će vam trebati kasnije kada budete konfigurirali projekt zamatanja unutar Power Apps. Više informacija: Registracija aplikacije

Format URI-ja za preusmjeravanje

Za iOS URI preusmjeravanja potreban je samo ID paketa.

Primjeri za iOS:

• ID kompleta: com.contoso.myapp
• URI z preusmjeravanje: msauth.com.contoso.myapp://auth

Za Android, URI preusmjeravanja zahtijeva Naziv paketa i Raspršivanje popisa. Da biste stvorili raspršivanje potpisa generirajte ključeve, a zatim generirajte raspršivanje potpisa.

Primjeri za Android:

• Naziv paketa: com.contoso.myapp
• URI z preusmjeravanje: msauth://com.contoso.myapp/<generated signature hash>

Dopustite registrirane aplikacije u svojem okruženju

Morat ćete dopustiti aplikacije registrirane putem portala Azure u vašem okruženju Power Platform. Za izvođenje ovog koraka upotrijebite najnoviju verziju programa Power Apps modul PowerShell za Administrator i pokrenite sljedeći cmdlet s ID-ijem aplikacije (klijenta) iz koraka Registracija aplikacije:

Add-AdminAllowedThirdPartyApps -ApplicationId <App ID>

Napomena

• Ovaj cmdlet dostupan je u 2.0.144 ili novijim verzijama Power Apps modula PowerShell za Administratora.
• Da biste pokrenuli ovaj cmdlet, potrebne su vam globalne privilegije administratora klijenta. Cmdlet omogućuje administratoru da odredi u kojim će se aplikacijama trećih strana registriranima u Azure AD moći pozvati veze za Power Platform.

Konfiguracija API dozvola

Dodajte i konfigurirajte sljedeća API dopuštenja za aplikaciju koju ste ranije registrirali putem portala Azure:

• Microsoftovi API-ji
  • Dynamics CRM
• API-jevi koje upotrebljava moja tvrtka ili usluga
  • API veze usluge Azure
  • Servis PowerApps
  • Power BI (potrebno samo ako aplikacije od gotovih gradivnih elemenata koriste Power BI podatke)
  • Microsoft Upravljanje mobilnim aplikacijama (obavezno samo ako želite koristiti Microsoft Intune za distribuciju mobilnih aplikacija)

Napomena

Ako ne pronađete dozvole ispod API-ji koje upotrebljava moja tvrtka ili usluga, pokrenite sljedeće PowerShell naredbe prema potrebi i pokušajte ponovno:

• Nedostaje dozvola za Azure API veze:

  Connect-AzureAD -TenantId <your tenant ID>
  New-AzureADServicePrincipal -AppId fe053c5f-3692-4f14-aef2-ee34fc081cae -DisplayName "Azure API Connections"
  

• Nedostavje dozvola za uslugu PowerApps:

  Connect-AzureAD -TenantId <your tenant ID>
  New-AzureADServicePrincipal -AppId 475226c6-020e-4fb2-8a90-7a972cbfc1d4 -DisplayName "PowerApps Service"
  

Detaljne korake potražite u dijelu Zatražite dopuštenja na portalu za registraciju aplikacije.

Izradite spremnik App Center za svoju mobilnu aplikaciju

U ovom koraku upotrijebit ćete App Center za izradu spremnika aplikacije za svoju mobilnu aplikaciju. Više informacija: Spremnik Centra za aplikacije

Savjet

Dodatne informacije o razinama centru za aplikacije potražite u odjeljku Visual Studio Dokumentacija o centru za aplikacije.

1. Idite u Centar za aplikacije.

2. Prijavite se s pomoću školskog ili poslovnog računa.

3. Ako nemate postojeću tvrtku ili uslugu, odaberite Dodaj novi > Dodajte novu tvrtku ili uslugu da stvorite novu tvrtku ili uslugu.

4. Odaberite tvrtku ili uslugu s popisa svojstava u gornjem lijevom kutu.

5. Odaberite Aplikacije > Dodaj aplikaciju.

6. Unesite naziv aplikacije.

7. Odaberite vrstu izdanja aplikacije.

8. Odaberite Prilagođeni OS za aplikacije ili iOS OS za Android Android aplikacije.

   Napomena

   Morate izraditi zasebne spremnike Centra za aplikacije za svaku platformu.

9. Za OS Android odaberite Platforma kao React Native.

   Napomena

   Platforma mora biti React Native za sve aplikacije u centru aplikacija.

   

10. Kliknite Dodaj novu aplikaciju.

11. Kopirajte URL aplikacije Centra za aplikacije koji će vam trebati kasnije kada budete konfigurirali projekt zamatanja unutar Power Apps.

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

    

    Dodatne informacije: Razvoj Centra za aplikacije

12. Stvorite novi token za API za pristup aplikaciji i kopirajte ga za kasnije konfiguriranje projekta aplikacija od gotovih gradivnih elemenata. Dodatne informacije: Token za API Centra za aplikacije

    1. S lijeve strane odaberite Postavke.
    2. Odaberite Tokeni za API aplikacije.
    3. Odaberite Novi token za API.
    4. Unos opisa.
    5. Odaberite Potpuni pristup.
    6. Odaberite Dodaj novi token za API.

       Napomena

       Provjerite jeste li kopirali token prije zatvaranja dijaloškog okvira.

    7. Kopirajte token i spremite ga za konfiguraciju zamatanja aplikacija od gotovih gradivnih elemenata kasnije.

Ponovite prethodne korake za izradu aplikacija za bilo koju dodatnu vrstu OS-a.

Izradi projekt zamatanja

Upotrijebite svoju primarnu aplikacija od gotovih gradivnih elemenata da biste izradili projekt zamatanja s pomoću informacija o aplikaciji s Microsoftove platforme za identitet i Centra za aplikacije koje ste konfigurirali u prethodnim koracima. Dodatne informacije: Izgradnja projekta zamatanja

Da biste izradili projekt zamatanja, idite na Power Apps > Aplikacije > odaberite primarnu aplikaciju od gotovih gradivnih elemenata > odaberite Zamatanje i unesite pojedinosti projekta zamatanja opisane u ovom odjeljku. Nakon unosa svih detalja odaberite Spremi > izgradnju da biste izgradili projekt.

Ovisno o odabranoj platformi, postupak izrade stavlja u red čekanja zahtjeve za izradu paketa za Android iOS ili Googleove platforme.

Napomena

Ovisno o radnom opterećenju, proces izgradnje može potrajati nekoliko sati.

Nakon uspješne izgradnje vidjet ćete svoju mobilnu aplikaciju u Centru aplikacija.

Zaslonski naziv

Naziv prikaza mobilne aplikacije onakav kakav će se pojaviti na početnom zaslonu mobilnog uređaja.

Sekundarne aplikacije

Nije obavezno. Dodatne aplikacije za kompletiranje unutar istog paketa mobilnih aplikacija. Dodatne informacije: Sekundarna aplikacija, Primarna aplikacija

Platforme za aplikacije

Određuje vrstu izlaza procesa izgradnje zamatanja na temelju platforme koju odaberete. Dodatne informacije: Platforme aplikacija

Potpiši moju aplikaciju (pretpregled)

Neobavezno URI za Azure Keyvault omogućuje automatizirano potpisivanje aplikacije za distribuciju konfiguriranjem funkcije keyvault koji sadrži potrebne certifikate. Dodatne informacije: Postavite KeyVault za automatsko potpisivanje

Važno

• To je značajka pretpregleda.
• Značajke pretpregleda nisu namijenjene u proizvodne svrhe i mogu imati ograničene funkcije. Te su značajke dostupne prije službenog izdavanja da bi se klijentima omogućio prijevremeni pristup i slanje povratnih informacija.

ID kompleta

ID kompleta koji jedinstveno identificira mobilnu aplikaciju. Na primjer, com.contoso.myapp. Dodatne informacije: ID kompleta

ID aplikacije (klijent)

ID klijenta registrirane aplikacije prethodno s Microsoftovom platformom za identitet. Dodatne informacije: ID aplikacije (klijent)

URI za preusmjeravanje

URL prethodno izrađen za preusmjeravanje nakon uspješne prijave aplikacije registrirane na Microsoft platformi za identitet. Dodatne informacije: URI za preusmjeravanje

URL Centra za aplikacije

Za,ili iOS Android URL centra za aplikacije trgovine Google Play kopiran ranije. Dodatne informacije: Razvoj Centra za aplikacije

Token API-ja Centra za aplikacije

Stvoreno prethodno. Dodatne informacije: Token za API Centra za aplikacije

Izgled

Konfigurirajte ikone aplikacija, slike zaslona, boju i temu:

iOS ikone aplikacija/ Android ikone aplikacija

Slike ikona za aplikaciju specifičnu za iOS Android platformu ili platformu Trgovine Google Play. Veličina datoteke slike ikone mora odgovarati potrebnom broju piksela. [1]

Slike zaslona

• Slika pozdravnog zaslona

  Slika koja će se koristiti na pozdravnom zaslonu vaše mobilne aplikacije dok se učitava. Zadana slika koja se upotrebljava kada nije navedena. [2]

• Slika zaslona dobrodošlice

  Slika koja će se upotrebljavati na zaslonu dobrodošlice (prijave) vaše mobilne aplikacije dok se učitava. Zadana slika koja se upotrebljava kada nije navedena. [3]

Boja

• Boja ispune pozadine

  Heksadecimalni kod boje koja se upotrebljava za pozadinu zaslona dobrodošlice. [4]

• Boja ispune gumba

  Heksadecimalni kod boje koja se upotrebljava za ispunjavanje boje gumba. [5]

Tema teksta statusne trake

Boja teksta statusne trake na vrhu aplikacije. [6]

Postavke

Vodi vas na postavke aplikacije: Dostupno i upotrebom geste protresanja. Ne može se prilagođavati. [7]

• Naziv aplikacije - naziv aplikacije, iza kojeg slijedi ID kompleta aplikacije.
• Verzija aplikacije - broj verzije aplikacije; generiran automatski.
• Verzija platforme - verzija platforme Power Apps Mobile.
• ID sesije - ID trenutno otvorene sesije.
• Očisti predmemoriju - vraća zamotanu aplikaciju na zadane postavke.
• Postavke aplikacije - prikazuje popis aplikacija koje su dio trenutnog paketa. Odabirom aplikacije s ovog popisa prikazuju se detalji aplikacije, uključujući informacije o povezniku za koji bi aplikacija mogla biti konfigurirana za korištenje.

Postavite KeyVault za automatsko potpisivanje

Preduvjeti

• Morat ćete imati Apple račun biti upisani u Apple program za razvojne inženjere ili Apple program za razvojne inženjere poduzeća.
• Stvorite distribucijski certifikat ili ad-hoc profil za dodjelu resursa ili profil za dodjelu resursa poduzeća.
• Azure Active Directory pretplata na stvorite Key Vault.
• Administratorski pristup za vašeg klijenta.

Pratite ove korake da biste konfigurirali URI KeyVaulta:

1. Prijavite se u svojeg klijenta kao administrator i stvorite upravitelja servisa Azure za aplikaciju 1P AAD: 4e1f8dc5-5a42-45ce-a096-700fa485ba20 (WrapKeyVaultAccessApp) pokretanjem sljedeće skripte:
   

   1. Connect-AzureAD -TenantId <your tenant ID>
      
   2. New-AzureADServicePrincipal -AppId 4e1f8dc5-5a42-45ce-a096-700fa485ba20 -DisplayName "Wrap KeyVault Access App"

2. Dodajte ulogu prethodno navedenom upravitelju servisa u usluzi pretplate u kojoj će Key Vault postojati. Detaljne korake potražite u dijelu Dodijelite korisnika kao administratora pretplate na Azure. Napomena: U 3. koraku možete odabrati opciju Suradnik jer je za Key vaultu potrebna samo minimalna uloga.

3. Stvorite sef za ključeve ili pristupite postojećem: Stvorite sef za ključeve putem Azure portala

4. Dodajte pravila za pristup sefu za ključeve.

   

5. Ovisno o vašem uređaju učinite jedno od sljedećeg:

   • Za Android, izradite .pfx datoteku i prenesite je u odjeljak s certifikatom za keyvault. Dodatne informacije: Generiraj ključeve

     

     Napomena

     Naziv certifikata mora biti prisutan u koraku oznake. Lozinka također mora odgovarati lozinci koju ste unijeli tijekom parametra prolaza za trgovinu koji se upotrebljava za stvaranje .pfx datoteke u 2. koraku.

   • Za iOS:

     1. Instalirajte .cer u aplikaciju Keychain Access dvostrukim klikom. Dodatne informacije: Stvaranje distribucijskog certifikata
        Zatim izvezite datoteku kao .p12 datoteku tako da desnim klikom kliknete na datoteku certifikata i odaberete Izvoz, a zatim odaberite format datoteke .p12.

        Napomena

        Lozinka za .p12 koju ste postavili u 4. koraku potrebna je prilikom učitavanja u Key Vault u sljedećem koraku.

     2. Stvorite profil za dodjelu resursa i pokrenite sljedeću naredbu za kodiranje u base64:

        • Mac: base64 -i example.mobileprovision
        • Windows: certutil -encode data.txt tmp.b64

     3. Dobijte izlazni niz base64 iz prethodnog koraka i prenesite ga u tajni Keyvault. Zatim dohvatite datoteku .p12 i prenesite je u certifikat za Key Vault.

        

6. Nakon iOS stvaranja i Android prijenosa certifikata dodajte tri oznake s nazivom kao ID-om paketa i vrijednošću koja odgovara nazivu prenesenih certifikata.

   

Potpisivanje koda

Postupak potpisivanja koda razlikuje se za Android i iOS uređaje.

• Potpisivanje koda za iOS
• Potpisivanje koda za Android
• Potpisivanje koda za trgovinu Google Play

Testiranje i distribucija paketa mobilne aplikacije

Za testiranje i distribuciju pogledajte Test Centra za aplikacije i Distribucija.

Pogledajte

• Pregled zamatanja
• Kodni znak za iOS
• Potpisivanje koda za Android