{"id":2259,"date":"2015-10-14T19:57:32","date_gmt":"2015-10-14T19:57:32","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=2259"},"modified":"2015-10-14T20:08:43","modified_gmt":"2015-10-14T20:08:43","slug":"build-an-app-for-distribution-with-ionic-package","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/javascript\/ionic\/build-an-app-for-distribution-with-ionic-package\/","title":{"rendered":"Build an app for distribution with Ionic Package"},"content":{"rendered":"

As just announced on the official blog post<\/a>\u00a0IonicPackage now lets you build an iOS app for distribution on Windows machine.<\/p>\n

This indeed is a huge news. However, don’t think you won’t have to buy a Mac (or make your own Hackintosh or buy Mac in cloud or similar mumbo jumbo) to build an app for iOS. Well, at least for now you still have to set the\u00a0certificate and provisioning profile for iOS builds (and you can do that only on a Mac).<\/p>\n

Anyways, during the open alpha period, Ionic Package will be 100% free to use, and later they promised to have a free dev package as well.<\/p>\n

In order to try this out first update your Ionic CLI to the newest version:<\/p>\n

npm install -g ionic<\/pre>\n
Then, when you’re done with your app, you have to make sure that you uploaded it to Ionic with:<\/p>\n
ionic upload<\/pre>\n
Build for Android<\/h3>\n
If you want to build for Android it execute:<\/p>\n
ionic package build android<\/pre>\n
The output of the command looks something like this:<\/p>\n
> ionic package build android --profile dev                                \r\n[=============================]  100%  0.0s\r\nPreparing your resources...\r\nUploading your resources to Ionic...\r\nSubmitting your app to Ionic Package...\r\nYour app has been successfully submitted to Ionic Package!\r\nBuild ID: 1\r\nWe are now packaging your app.<\/pre>\n
To check the status of the packaging execute:<\/p>\n
ionic package list<\/pre>\n
You should see something similar to this output:<\/p>\n
> ionic package list                                                       \r\n\r\n  id \u2502 status  \u2502 platform \u2502 mode  \u2502 started\r\n\u2500\u2500\u2500\u2500\u2500\u253c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u253c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u253c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u253c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n  1  \u2502 SUCCESS \u2502 android  \u2502 debug \u2502 Oct 14th, 2015 21:20:33\r\n\r\nShowing 1 of your latest builds.<\/pre>\n
If the status shows SUCCESS then you can finally download the build by executing:<\/p>\n
ionic package download BUILD_ID<\/pre>\n
Where, of course you would enter your own BUILD_ID number. In my case the command would be:<\/p>\n
ionic package download 1<\/pre>\n
The output of the command shows where the .apk file has been downloaded:<\/p>\n
> ionic package download 1                                                 \r\nDownloading... [=============================]  100%  0.0s\r\n\r\nWrote: \/Users\/nikola\/Desktop\/ionicTesting\/ionicPackageTest\/ionicPackageTest.apk\r\n \u2713 Done!<\/pre>\n
You can learn more about how to use the Ionic Android build tools from official documentation<\/a>.<\/p>\n
Build for iOS<\/h3>\n
The process is basically the same as for Android, with the added prerequisite of creating\u00a0certificate and provisioning profile. You can learn more about how to use the Ionic iOS build tools from official documentation<\/a>.<\/p>\n
\n
Build an #app<\/a> for distribution with #Ionic<\/a> Package http:\/\/t.co\/TOfW7ofZXR<\/a><\/p>\n
— Nikola Bre\u017enjak (@HitmanHR) October 14, 2015<\/a><\/p><\/blockquote>\n