Cordova iOS lietojumprogrammu izstrāde skaidrota no iestatīšanas līdz izvietošanai

iphone_1737513_1920

Hibrīdo lietojumprogrammu izstrāde Android ierīcēm ir brīze, neatkarīgi no tā, vai tā paredzēta izstrādei vai ražošanas konfigurācijai. Bet man personīgi šķiet, ka Cordova iOS iestatīšana, izstrāde un izvietošana ir nedaudz sarežģīta.

Lielākā daļa hibrīdo lietojumprogrammu izstrādātāju, kuri atrodas mācību stadijā, nespēj izpētīt hibrīda iOS lietotņu izstrādes procesu tikai tāpēc, ka viņiem nepieder mac. Lai attīstītu iOS lietotnes, ir nepieciešams iOS SDK un XCode (atšķirībā no Android SDK, kas darbojas jebkurā darbvirsmas OS).

Tāpēc šīs rokasgrāmatas mērķis ir parādīt iOS hibrīda lietotņu izstrādes pamata darbplūsmu Mac datorā. Tādējādi izstrādātāji var redzēt, kā tas tiek darīts, pat ja viņi nevar izstrādāt lietotnes.

Kordovas projekta izveidošana

Sāciet, atverot termināli un izveidojot jaunu cordova projektu (izmantojiet sudo tikai tad, ja jums ir problēmas ar atļaujām, ti, EACCESS kļūdas):

sudo cordova create iosdemo cd iosdemo sudo cordova platform add ios

Šīs rokasgrāmatas rakstīšanas laikā cordova iOS platformas versija ir 4.3.1.

Mēs nemodificējam jebkuru lietotnes avota kodu - drīzāk mēs vienkārši turpināsim noklusējuma parauga kodu, ko cordova automātiski pievieno, palaižot komandu create. Tomēr tiek pieņemts, ka wwwnormālas izstrādes plūsmas laikā mapē pievienosim spraudņus, kas modificēs kodu .

Nākamais solis ir palaist komandu cordova build. Tas pārveidos mūsu lietotnes kodu par .xcodeproj failu, kuru mēs izmantosim tālāk.

sudo cordova build ios

Izveidotais Xcode projekta fails būs šeit:

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

Tagad Android gadījumā koda parakstīšana tiek veikta, izmantojot Keystore failu, kas ir .jks formātā. Tomēr iOS operētājsistēmā iOS lietotņu izplatīšanai ir nepieciešams Apple izstrādātāja konts. Tas ir tāpēc, lai mēs varētu ģenerēt lietotnes izplatīšanai nepieciešamos sertifikātus un nodrošināšanas profilus .

Informāciju par cenām un citu informāciju par izstrādātāja kontu skatiet šajā lapā.

Izstrādes sertifikātu veidošana

Kad konts būs gatavs, mēs varēsim turpināt darbu un pieteikties savā Apple izstrādātāja kontā.

Informācijas paneļa ekrānam vajadzētu izskatīties apmēram šādi:

Projekta atklāšana Xcode

Noklikšķiniet uz Certificates, Identifiers & Profiles. Tam vajadzētu nokļūt šajā ekrānā, kurā pēc noklusējuma tiek parādīti no jūsu konta izsniegtie sertifikāti:

Sertifikāti, identifikatori un profili

iOS sertifikāti galvenokārt ir divu veidu: izstrāde vai izplatīšana. Noklikšķiniet uz pogas Plus (+) saraksta augšējā labajā stūrī, kas atvērs šo lapu:

Pievienojiet iOS sertifikātu

Vispirms izveidosim attīstības profilu. Atlasiet iOS App Development un noklikšķiniet uz turpināt.

Tam vajadzētu nokļūt nākamajā ekrānā, kur jums tiek lūgts izveidot un augšupielādēt sertifikāta parakstīšanas pieprasījumu vai CSR failu.

Augšupielādējiet CSR failu

Izpildiet ekrānā redzamos norādījumus, lai to ģenerētu, un turpiniet. Kad sertifikāts ir gatavs, lejupielādējiet to savā Mac datorā un veiciet dubultklikšķi uz tā. Tas to pievienos Mac piekļuvei Keychain Access.

Lejupielādēt izstrādes sertifikātu

Izplatīšanas sertifikātu veidošana

Izplatīšanas sertifikātu izveide ir līdzīga izstrādes sertifikātu izveides procesam. Tomēr šeit mēs izvēlamies App Store and Ad Hocno Productionsadaļas Add iOS Certifcate Page:

Pievienojiet iOS sertifikātu

Lietotnes ID izveide

Izvēlieties App IDsno Identifierssadaļā. Tādējādi tiks atvērts esošo lietotņu ID saraksts. Pēc tam noklikšķiniet uz pogas Plus augšējā labajā stūrī (+). Tādējādi tiks atvērta lapa iOS lietotņu ID reģistrēšana .

Reģistrējiet iOS lietotņu ID

Atlasiet nepārprotamu lietotnes ID. Lietotnes apraksts var būt jebkurš saistīts nosaukums - tas tiks parādīts lietotnes ID sarakstā pret konkrēto lietotnes ID.

Lietotnes ID ir virkne formātā AB11A1ABCD.com.mycompany.myapp, kur AB11A1ABCD ir lietotnes id prefikss, kas pēc noklusējuma ir komandas ID un com.mycompany.myapp ir kopas ID, kas ir unikāls katrai lietotnei.

Ieteicams, lai kopas ID būtu reversā domēna vārda stila virknē. Piemēram, uzņēmumam MYCOMPANY var būt divas lietotnes (App1 un App2). Tātad katras lietotnes HTTP URL parasti ir app1.mycompany.com un app2.mycompany.com. Tādējādi katras lietotnes komplekta ID būs com.mycompany.app1 un com.mycompany.app2

Pēc tam atlasiet visus kontrolsarakstā esošos pakalpojumus, kas jums jāizmanto savā lietotnē, piemēram, Push Notifications, Wallet utt. Pēc tam noklikšķiniet uz turpināt un apstipriniet informāciju un visbeidzot reģistrējiet lietotnes ID.

Ierīču pievienošana izstrādātāja kontam

Izvēlieties Allno Devicessadaļas. Tas atvērs jūsu Apple izstrādātāja kontā jau pievienoto ierīču sarakstu. Izstrādes laikā lietotni drīkst palaist tikai šīs ierīces.

Lai pievienotu jaunu ierīci, augšējā labajā stūrī noklikšķiniet uz pogas Plus (+). Tiks parādīts šāds ekrāns:

pievienot ierīces ekrānu

Šeit nosaukums var būt jebkurš viegli saprotams nosaukums, piemēram, iPhone 5s ABC Pvt Ltd. Ierīces UDID ir unikāls ID, kas saistīts ar katru Apple ierīci.

Lai atrastu ierīces UDID, rīkojieties šādi:

  1. Savienojiet ierīci ar Mac.
  2. Atveriet lietotni Sistēmas informācija, kas atrodas mapē / Applications / Utilities.
  3. Kreisajā kolonnā sadaļā Hardware atlasiet USB.
  4. Labajā pusē zem USB ierīču koka atlasiet pievienoto ierīci. Ierīces ID vai “Sērijas numurs” parādās zemāk.

Kad esat ievadījis ierīces UDID un vārdu, noklikšķiniet uz turpināt, pēc tam apstipriniet informāciju un reģistrējieties.

Izstrādes nodrošināšanas profila izveide

Lai izveidotu izstrādes nodrošināšanas profilu, noklikšķiniet uz Provisioning Profiles -> All. Tam vajadzētu parādīt visus profilus, attīstību, kā arī izplatīšanu. Pēc tam noklikšķiniet uz pogas Plus augšējā labajā stūrī (+). Tam vajadzētu parādīt šo lapu:

Izstrādes nodrošināšanas profila izveide

Šeit atlasiet iOS App Developmentun noklikšķiniet uz Turpināt. Parādītajā nolaižamajā izvēlnē atlasiet iepriekš izveidoto lietotnes ID un turpiniet.

Tālāk tiek parādīts sertifikātu kontrolsaraksts, no kura mēs varam izvēlēties vienu vai vairākus. Tie ir izstrādes sertifikāti, nevis izplatīšanas sertifikāti. Izveidotais nodrošināšanas profils tiks saistīts ar šiem sertifikātiem.

Noklikšķinot uz Turpināt, tiek parādīts ierīču kontrolsaraksts. Atlasiet vienu, vairākus vai visus. Tikai atlasītajām ierīcēm būs atļauts palaist lietotni, izmantojot šo nodrošināšanas profilu.

Pēc tam, noklikšķinot uz Turpināt, ievadiet izveidošanas profila nosaukumu un lejupielādējiet izveidoto .mobileprovision failu.

Piezīmes . Adhoc izplatīšanas nodrošināšanas profila izveide ir tas pats process. Tas ir arī ļoti līdzīgi jūsu AppStore izplatīšanas nodrošināšanas profila izveidei, izņemot to, ka mēs neizvēlamies ierīces, jo lietotne būs publiski pieejama, izmantojot AppStore.

Tagad, kad mums ir viss nepieciešamais, mēs varam turpināt ģenerēt faktisko ipa, izmantojot Xcode.

Komanda Cordova būvēt pārveido mūsu lietotnes kodu xcode projektā. Izmantojot Xcode, mēs izveidojam .ipa failu, kas ir faktiski instalējamā lietotne.

Pirms virzīties uz priekšu, divreiz pieskarieties abiem sertifikātiem, lai tos pievienotu savai atslēgu ķēdei.

Turpinājums Xcode

Pēc tam veiciet dubultskārienu failam .xcodeproj, kuram tas jāatver Xcode. (Lūdzu, izmantojiet jaunāko Xcode versiju - es esmu izmantojis Xcode 8.3.2.)

Projekta atklāšana Xcode

Xcode ekrānam vajadzētu izskatīties apmēram tāpat kā iepriekš.

Loga augšējā kreisajā stūrī noklikšķiniet uz Lietotnes nosaukums. Labajā pusē tiks atvērts detalizēts skats.

Projekta iestatījumi

Pēc tam noklikšķiniet uz Mērķi-> Lietotnes nosaukums:

mērķus

Tiks parādīta šāda cilne Informācija:

mērķa informācija

Noklikšķiniet uz Vispārīgi, kuram vajadzētu parādīt šo:

vispārīga informācija

Noņemiet atzīmi no izvēles rūtiņas Automātiski pārvaldīt parakstīšanu.

Tam vajadzētu parādīt šādu kļūdu, norādot, ka AppNAme nepieciešams nodrošināšanas profils:

profila kļūda

Pēc tam sadaļā Parakstīšana (atkļūdošana) noklikšķiniet uz nolaižamā saraksta Nodrošināšanas profils un atlasiet opciju Importēt profilu . Uznirstošajā failu atlases dialoglodziņā dodieties uz ceļu, kur lejupielādēts izstrādes nodrošināšanas profils, un atlasiet to. Tam būs paplašinājums .mobileprovision.

Pēc tam, kad esat to izvēlējies, kļūdai vairs nav jābūt, un komandai Apple komandas izstrādātāja kontā ir jāparāda komanda kā komandas nosaukums un parakstīšanas sertifikāta nosaukums.

Dariet to pašu sadaļai Parakstīšana (izlaišana), bet failu izvēles dialoglodziņā atlasiet Ad Hoc izplatīšanas profilu.

Tagad, kad koda parakstīšanas darbības ir veiktas, mēs arī

  • palaidiet lietotni tieši ierīcē
  • palaidiet lietotni simulatorā
  • ģenerēt ipa failu izplatīšanai
  • augšupielādējiet lietotni lietotņu veikalā

Lietotnes palaišana tieši ierīcē

Lai palaistu lietotni ierīcē, savienojiet ierīci ar Mac, izmantojot USB. Pēc tam ierīču saraksta augšējā kreisajā stūrī atlasiet pievienoto ierīci un noklikšķiniet uz palaišanas vai atskaņošanas pogas (melna trīsstūra poga):

palaist ierīci palaist ierīci

Veidojuma statuss tiks parādīts statusa joslā loga augšdaļā. Ja viss ir kārtībā, lietotne ir jāinstalē ierīcē, un pēc kāda laika tā automātiski jāielādējas.

Piezīme . Darbības ir vienādas, lai palaistu lietotni simulatorā. Bet faktiskās ierīces vietā mēs izmantojam pieejamos iPhone un iPad simulatorus no ierīču saraksta.

Izveidojiet ipa failu izplatīšanai

Šo pieeju var veikt gadījumā, ja jums ir jāizplata lietotne testēšanas komandai utt. Tomēr viņu izmantotajai ierīcei nodrošināšanas profilā ir jābūt UDID.

Izvēlnē Xcode atlasiet Product-> Clean, pēc tam Product-> Archive. Parādās arhīvu organizators un parāda jauno arhīvu.

ios arhīva organizators

Labajā sānu panelī atlasiet opciju Eksportēt, un tiks parādīts opciju saraksts.

Lai izplatītu savu lietotni lietotājiem ar noteiktām ierīcēm, atlasiet “Saglabāt gadījuma izvietošanai”. Lietotnei tiks parakstīts kods ar izplatīšanas sertifikātu.

Lai izplatītu savu lietotni iekšējai testēšanai, atlasiet “Saglabāt izstrādes izvietošanai”. Lietotnei tiks parakstīts kods ar jūsu attīstības sertifikātu.

ios arhīvu organizētāja eksports kā ad hoc

Parādītajā dialoglodziņā uznirstošajā izvēlnē izvēlieties komandu un noklikšķiniet uz Izvēlēties.

ios eksportēt izvēlēto komandu

Pēc tam tiek parādīts ierīces izvēles dialoglodziņš. Atlasiet Visas ierīces vai konkrētas ierīces un noklikšķiniet uz Tālāk.

Pēc tam tiek parādīts pārskatīšanas dialoglodziņš. Šeit tas parādīs parakstīšanas sertifikātu un nodrošināšanas profilu, ko izmanto būvējuma ģenerēšanai. Pārskatiet un noklikšķiniet uz Tālāk. Visbeidzot, tiek parādīts faila saglabāšana kā uznirstošais logs, lai failu sistēmā atlasītu atrašanās vietu eksportētās lietotnes faila glabāšanai.

Lietotne tiek eksportēta kā .ipa` fails.

Lai palaistu šo failu ierīcē, vienkārši veiciet dubultskārienu, kas to atvērs iTunes.

Pēc tam pievienojiet savu ierīci (iTunes loga augšējā kreisajā stūrī tam jāparāda maza ierīces ikona). Pieskaroties tam, ierīcē tiks parādīts ierīces kopsavilkums, piemēram, lietotnes, mūzika utt. Atlasiet cilni Lietotnes un kreisajā rūtī atlasiet instalējamo lietotni un noklikšķiniet uz Instalēt. Pagaidiet, līdz process ir pabeigts, un noklikšķiniet uz Lietot. Tam ierīcē jāinstalē ipa fails.

Lai atkļūdotu lietotni:

  1. atveriet Safari
  2. ierīcē atveriet lietotni
  3. Safari izvēlnes joslā atlasiet Develop --> Your Device Name --> Your App.

Tas ir visi ļaudis!