Cordova iOS-applikationsudvikling forklaret fra opsætning til implementering

iphone_1737513_1920

Hybrid applikationsudvikling til Android er en leg, det være sig til udvikling eller produktionskonfiguration. Men jeg finder personligt Cordova iOS-opsætning, -udvikling og -installation lidt kompliceret.

De fleste af de hybride applikationsudviklere, der er i indlæringsfasen, er ikke i stand til at udforske hybrid iOS-app-udviklingsproces, simpelthen fordi de ikke ejer en mac. Og for at udvikle iOS-apps kræves iOS SDK og XCode (i modsætning til Android SDK, der kører på ethvert desktop OS).

Derfor er formålet med denne vejledning at vise den grundlæggende arbejdsgang i hybrid iOS-appudvikling på en Mac. På denne måde kan udviklere se, hvordan det gøres, selvom de ikke kan udvikle apps.

Oprettelse af et cordova-projekt

Begynd med at åbne terminalen og oprette et nyt cordova-projekt (brug kun sudo, hvis du har tilladelsesproblemer, dvs. EACCESS-fejl):

sudo cordova create iosdemo cd iosdemo sudo cordova platform add ios

I skrivende stund til denne vejledning er cordova iOS-platformversionen 4.3.1.

Vi ændrer ikke nogen kildekode i appen - snarere fortsætter vi simpelthen med standardeksempelkoden, der automatisk tilføjes af cordova, når vi kører kommandoen Opret. Det antages imidlertid, at vi tilføjer plugins, der ændrer kode i wwwmappen under normal udviklingsflow.

Det næste trin er at køre cordova build-kommandoen. Dette konverterer vores appkode til en .xcodeproj-fil, som vi derefter bruger.

sudo cordova build ios

Den genererede Xcode Project-fil vil være her:

[Your App Folder]/platforms/ios/[Your App Name].xcodeproj

I tilfældet med Android sker kodesigneringen ved hjælp af Keystore-filen, der er i .jks-format. Men i iOS kræves det, at du har en Apple-udviklerkonto til distribution af iOS-apps. Dette er for at vi kan generere de certifikater og klargøringsprofiler, der kræves til distribution af appen.

For prisfastsættelse og anden information om en udviklerkonto henvises til denne side.

Oprettelse af udviklingscertifikater

Når du har kontoen klar, kan vi gå videre og logge ind på din Apple-udviklerkonto.

Dashboardskærmen skal se sådan ud:

Projektåbning i Xcode

Klik på Certificates, Identifiers & Profiles. Dette skulle føre dig til følgende skærmbillede, der som standard viser certifikater udstedt fra din konto:

Certifikater, identifikatorer og profiler

iOS-certificeringer er hovedsageligt af to typer: Udvikling eller distribution. Klik på Plus (+) knappen i øverste højre hjørne af listen, som åbner den følgende side:

Tilføj iOS-certifikat

Lad os først oprette en udviklingsprofil. Vælg iOS-appudvikling, og klik på Fortsæt.

Dette skulle bringe dig til følgende skærmbillede, hvor du bliver bedt om at oprette og uploade en Certificate Signing Request eller CSR-fil.

Upload CSR-fil

Følg instruktionerne på skærmen for at generere den, og fortsæt. Når certifikatet er klar, skal du downloade det til din Mac og dobbeltklikke på det. Dette tilføjer det til nøgleringadgang på Mac.

Download udviklingscertifikat

Oprettelse af distributionscertifikater

Oprettelse af distributionscertifikater svarer til processen til oprettelse af udviklingscertifikater. Men her vælger vi App Store and Ad Hocfra Productionsektionen i Add iOS Certifcate Page:

Tilføj iOS-certifikat

Oprettelse af app-id

Vælg App IDsfra Identifierssektion. Dette åbner listen over eksisterende app-id'er. Klik derefter på Plus-knappen øverst til højre (+). Dette åbner siden Registrer iOS-app-id'er .

Registrer iOS-app-id'er

Vælg Eksplicit app-id. Appbeskrivelsen kan være et hvilket som helst relateret navn - det er det, der vises i app-id-listen mod det bestemte app-id.

Et app-id er en streng i formatet AB11A1ABCD.com.mycompany.myapp, hvor AB11A1ABCD er app-id-præfikset, der som standard er team-id'et og com.mycompany.myapp er det bundt-id, der er unikt for hver app.

Det anbefales, at bundt-id'et skal være i en strengstreng med omvendt domænenavn. For eksempel kan virksomheden MYCOMPANY have to apps (App1 og App2). Så HTTP-URL'en for hver app er normalt app1.mycompany.com og app2.mycompany.com. Derfor er bundt-id'erne for hver app com.mycompany.app1 og com.mycompany.app2

Vælg derefter eventuelle tjenester fra den tjekliste, som du har brug for i din app, såsom Push Notifications, Wallet osv. Klik derefter på Fortsæt og bekræft detaljerne og registrer endelig app-id'en.

Tilføjelse af enheder til din udviklerkonto

Vælg Allfra Devicessektionen. Dette åbner listen over allerede tilføjede enheder til din Apple-udviklerkonto. Kun disse enheder har tilladelse til at køre appen under udvikling.

For at tilføje en ny enhed skal du klikke på Plus-knappen øverst til højre (+). Følgende skærmbillede vises:

tilføj enhedens skærm

Her kan navnet være ethvert let forståeligt navn, for eksempel iPhone 5s ABC Pvt Ltd. Enhedens UDID er det unikke ID, der er knyttet til hver Apple-enhed.

Følg disse trin for at finde UDID på en enhed:

  1. Tilslut enheden til din Mac.
  2. Åbn appen Systeminformation i mappen / Applications / Utilities.
  3. Vælg USB under Hardware i venstre kolonne.
  4. Til højre skal du vælge den tilsluttede enhed under USB-enhedstræet. Enheds-id'et eller "Serienummer" vises nedenfor.

Når du har indtastet enhedens UDID og navn klik på fortsæt, bekræft derefter detaljerne og registrer.

Oprettelse af en udviklingsprovisionsprofil

For at oprette en udviklingsprovisionsprofil skal du klikke på Provisioning Profiles -> All. Dette skal vise alle profiler, udvikling såvel som distribution. Klik derefter på Plus-knappen øverst til højre (+) Dette skal vise følgende side:

Oprettelse af en udviklingsprovisionsprofil

Vælg her iOS App Developmentog klik på Fortsæt. I det rullemenu, der vises, skal du vælge det app-id, vi oprettede tidligere, og fortsætte.

Næste En tjekliste med certifikater vises, hvorfra vi kan vælge et eller flere. Disse er udviklingscertifikater og ikke distributionscertifikater. Den genererede klargøringsprofil vil være knyttet til disse certifikater.

Når du klikker på Fortsæt, vises en tjekliste over enheder. Vælg en, flere eller alle. Kun udvalgte enheder får lov til at køre appen ved hjælp af denne klargøringsprofil.

Derefter, efter at have klikket på Fortsæt, skal du indtaste navnet på klargøringsprofilen og downloade den genererede .mobileprovision-fil.

Bemærkninger : det er den samme proces til at oprette din Adhoc Distribution Provisioning-profil. Det ligner også meget at oprette din AppStore Distribution Provisioning Profile, bortset fra den ene, vælger vi ikke enheder, da appen vil være tilgængelig offentligt gennem AppStore.

Nu hvor vi har alt, hvad vi har brug for, kan vi fortsætte med at generere den faktiske ipa ved hjælp af Xcode.

Cordova build-kommandoen konverterer vores appkode til et xcode-projekt. Ved hjælp af Xcode opretter vi en .ipa-fil, som er den aktuelle app, der skal installeres.

Dobbeltklik på begge certifikater, før du går videre for at føje dem til din nøglering.

Fortsætter i Xcode

Dobbeltklik derefter på .xcodeproj-filen, som skal åbne den i Xcode. (Brug venligst den nyeste version af Xcode - jeg har brugt Xcode 8.3.2.)

Projektåbning i Xcode

Xcode-skærmen skal se ud som ovenstående.

Klik på appnavnet i øverste venstre hjørne for vinduet. Dette åbner den detaljerede visning på højre side.

Projektindstillinger

Klik derefter på Mål -> Appnavn:

mål

Dette viser følgende faneblad:

måloplysninger

Klik på generelt, som skal vise dette:

generelle detaljer

Fjern markeringen i afkrydsningsfeltet Administrer automatisk signering.

Dette skal vise følgende fejl med angivelse af AppNAme kræver en klargøringsprofil:

profilfejl

Dernæst skal du klikke på rullemenuen Provisioning Profile under Signing (Debug) og vælge importprofilindstillingen . I dialogboksen med filvalg, der vises, skal du navigere til den sti, hvor udviklingsprofilen downloades, og vælge den. Det vil have en udvidelse af .mobileprovision.

Når du har valgt det, skal fejlen være væk, og den skal vise Team som Teamnavn i din Apple-udviklerkonto og Signeringscertifikatnavn.

Gør det samme for afsnittet Undertegnelse (frigivelse) - men vælg Ad Hoc-distributionsprofilen i dialogboksen til filvalg.

Nu hvor kodesigneringstrinnene er færdige, gør vi det enten

  • kør appen direkte på enheden
  • kør appen på en simulator
  • generere en ipa-fil til distribution
  • upload app til appstore

Kører appen direkte på enheden

For at køre appen på en enhed skal du slutte enheden til Mac'en via USB. Vælg derefter den tilsluttede enhed i øverste venstre hjørne på listen over enheder, og klik på knappen Kør eller Afspil (sort trekantet knap):

køre enhed køre enhed

Bygningsstatus vises i statuslinjen øverst i vinduet. Hvis alt går i orden, skal appen installeres på enheden, og den skal automatisk indlæses om et stykke tid.

Bemærk : trinene er de samme til at køre appen på en simulator. Men i stedet for en faktisk enhed bruger vi de tilgængelige iPhone- og iPad-simulatorer fra enhedslisten.

Generer en ipa-fil til distribution

Denne tilgang kan gøres, hvis du har brug for at distribuere appen til testteamet osv. Enheden, der bruges af dem, skal dog have et UDID til stede i klargøringsprofilen.

Fra Xcode-menuen vælges Product-> Clean, derefter Product-> Archive. Arkivarrangøren vises og viser det nye arkiv.

ios arkivarrangør

I panelet til højre side skal du vælge indstillingen Eksport, og en liste med indstillinger vises.

For at distribuere din app til brugere med bestemte enheder skal du vælge "Gem til Ad Hoc-implementering." Appen bliver kodeunderskrevet med distributionscertifikatet.

For at distribuere din app til intern test skal du vælge "Gem til udviklingsinstallation." Appen bliver kodeunderskrevet med dit udviklingscertifikat.

ios arkivorganisatoreksport som ad hoc

I dialogboksen, der vises, skal du vælge et hold i pop op-menuen og klikke på Vælg.

ios eksport vælg team

Derefter vises dialogboksen til valg af enhed. Vælg enten Alle enheder eller bestemte enheder, og klik på næste.

Derefter vises gennemgangsdialogen. Her vil det vise signaturcertifikatet og klargøringsprofilen, der bruges til at generere build. Gennemgå og klik på næste. Endelig vises fil gem som en popup for at vælge placeringen i filsystemet til at gemme den eksporterede app fil.

Appen eksporteres som .ipa`-fil.

For at køre denne fil på enheden skal du blot trykke to gange på den, som åbner den i iTunes.

Tilslut derefter din enhed (dette skal vise et lille enhedsikon i øverste venstre hjørne af iTunes-vinduet). Hvis du trykker på den, vises enhedsoversigten, såsom apps, musik osv. På enheden. Vælg fanen apps, og vælg i den venstre rude den app, der skal installeres, og klik på installer. Vent på, at processen er afsluttet, og klik på Anvend. Dette skal installere ipa-filen på din enhed.

Sådan fejler du appen:

  1. Åbn Safari
  2. åbn appen på enheden
  3. i Safari-menulinjen skal du vælge Develop --> Your Device Name --> Your App.

Det var alt folkens!