Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating...
Transcript of Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating...
![Page 1: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/1.jpg)
Chapter 2: Welcome to Ionic
What is Apache Cordova?
![Page 2: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/2.jpg)
Software setup
Install Node.js
Install Git
Install Bower
Install Gulp
Install Cordova and Ionic CLI
2
![Page 3: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/3.jpg)
3
![Page 4: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/4.jpg)
Hello Ionic
4
![Page 5: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/5.jpg)
5
![Page 6: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/6.jpg)
The browser developer tools setup
Google Chrome
6
![Page 7: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/7.jpg)
Mozilla Firefox
7
![Page 8: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/8.jpg)
Scaffolding the tabs template
8
![Page 9: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/9.jpg)
Scaffolding the side menu template
9
![Page 10: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/10.jpg)
Chapter 3: Ionic CSS Components and Navigation
Ionic CSS components
Ionic grid system
10
![Page 11: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/11.jpg)
11
![Page 12: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/12.jpg)
Page structure
12
![Page 13: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/13.jpg)
13
![Page 14: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/14.jpg)
Buttons
14
![Page 15: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/15.jpg)
Lists
15
![Page 16: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/16.jpg)
Cards
16
![Page 17: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/17.jpg)
Form elements
17
![Page 18: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/18.jpg)
18
![Page 19: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/19.jpg)
19
![Page 20: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/20.jpg)
20
![Page 21: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/21.jpg)
Integrating Ionic CSS components with AngularJS
21
![Page 22: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/22.jpg)
22
![Page 23: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/23.jpg)
23
![Page 24: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/24.jpg)
The Ionic router
A simple two-page app
24
![Page 25: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/25.jpg)
25
![Page 26: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/26.jpg)
26
![Page 27: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/27.jpg)
Chapter 4: Ionic and SCSS
Working with Ionic SCSS
Basic swatch
27
![Page 28: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/28.jpg)
28
![Page 29: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/29.jpg)
Building a swatch
29
![Page 30: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/30.jpg)
30
![Page 31: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/31.jpg)
31
![Page 32: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/32.jpg)
Chapter 5: Ionic Directives and Services
Ionic Platform service
Headers and footers
32
![Page 33: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/33.jpg)
Content
ion-refresher
33
![Page 34: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/34.jpg)
34
![Page 35: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/35.jpg)
35
![Page 36: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/36.jpg)
$ionicScrollDelegate
36
![Page 37: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/37.jpg)
Ionic view events
37
![Page 38: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/38.jpg)
ion-nav-bar
38
![Page 39: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/39.jpg)
39
![Page 40: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/40.jpg)
ion-nav-buttons
40
![Page 41: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/41.jpg)
$ionicHistory
41
![Page 42: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/42.jpg)
42
![Page 43: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/43.jpg)
Ionic loading
43
![Page 44: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/44.jpg)
The Action Sheet service
Popover and Popup services
44
![Page 45: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/45.jpg)
$ionicPopup
45
![Page 46: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/46.jpg)
46
![Page 47: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/47.jpg)
47
![Page 48: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/48.jpg)
The ion-list and ion-item directives
48
![Page 49: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/49.jpg)
49
![Page 50: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/50.jpg)
Gesture directives and services
50
![Page 51: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/51.jpg)
Chapter 6: Building a Bookstore App
Bookstore architecture
51
![Page 52: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/52.jpg)
The server-side API documentation
52
![Page 53: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/53.jpg)
A Bookstore demo
53
![Page 54: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/54.jpg)
Step 2 – Refactoring the template
54
![Page 55: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/55.jpg)
Refactoring the menu
55
![Page 56: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/56.jpg)
Step 5 – Creating templates and integrating with the controller data
The Login template
56
![Page 57: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/57.jpg)
The Browse template
57
![Page 58: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/58.jpg)
The Book template
58
![Page 59: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/59.jpg)
The Cart template
59
![Page 60: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/60.jpg)
The Purchase template
60
![Page 61: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/61.jpg)
Chapter 7: Cordova and ngCordova
Setting up a platform-specific SDK
The Android setup
61
![Page 62: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/62.jpg)
Testing the setup
Testing for Android
62
![Page 63: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/63.jpg)
63
![Page 64: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/64.jpg)
Testing for iOS
64
![Page 65: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/65.jpg)
Ionic plugin API
Search plugins
65
![Page 66: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/66.jpg)
66
![Page 67: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/67.jpg)
ngCordova
Legend
67
![Page 68: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/68.jpg)
$cordovaToast
68
![Page 69: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/69.jpg)
$cordovaDialogs
69
![Page 70: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/70.jpg)
$cordovaFlashlight
70
![Page 71: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/71.jpg)
$cordovaLocalNotification
71
![Page 72: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/72.jpg)
$cordovaGeolocation
72
![Page 73: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/73.jpg)
Chapter 8: Building a Messaging App
The Ionic Chat app
Firebase
Setting up a Firebase account
AngularFire
73
![Page 74: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/74.jpg)
The application architecture
Previewing the app
74
![Page 75: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/75.jpg)
75
![Page 76: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/76.jpg)
Testing the application
76
![Page 77: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/77.jpg)
77
![Page 78: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/78.jpg)
78
![Page 79: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/79.jpg)
79
![Page 80: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/80.jpg)
80
![Page 81: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/81.jpg)
81
![Page 82: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/82.jpg)
82
![Page 83: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/83.jpg)
Chapter 9: Releasing the Ionic App
Generating installers using Cordova CLI
Android installer
83
![Page 84: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/84.jpg)
Ionic package
Generating the required keys
84
![Page 85: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/85.jpg)
Appendix: Additional Topics and Tips
Ionic CLI
Ionic server, emulate, and run
85
![Page 86: Chapter 2: Welcome to Ionic - Packt · 2019-06-11 · Chapter 9: Releasing the Ionic App Generating installers using Cordova CLI Android installer 83. Ionic package Generating the](https://reader035.fdocuments.net/reader035/viewer/2022062602/5e9dc4e8131a67031823ce03/html5/thumbnails/86.jpg)
Ionic Creator
86