SlideShare a Scribd company logo
N G C O R D O VA
H T T P : / / N G C O R D O VA . C O M /
C O R D O VA A N G U L A R J S P L U G I N
L o c a t i o n , 	 N o t i f i c a t i o n , 	 C a m e r a 	 a n d 	 s o 	 o n . 	
D e v i c e N a t i v e F u n c t i o n s
I O S
C O R D O VA
A N G U L A R J S
N G C O R D O VA
‘ngCordova’
$cordovaCamera.getPicture( function(imageURI) {
> 	 b o w e r 	 i n s t a l l 	 n g C o r d o v a 	
> 	 c p 	 b o w e r _ c o m p o n e n t s / n g C o r d o v a / d i s t / n g - c o r d o v a . m i n . j s 	
	 	 	 	 	 ~ / i o n i c / i o n i c - t u t o r i a l / c o n f e r e n c e / w w w / j s /
D o w n l o a d a n d i n s t a l l n g - c o rd o v a . m i n . j s
index.html
controllers.js
> 	 c o r d o v a 	 p l u g i n 	 a d d 	 o r g - a p a c h e - c o r d o v a - c a m e r a
C a m e r a p l u g i n $ c o rd o v a C a m e r a
c o n t . C a m e r a - $ c o rd o v a C a m e r a
> 	 c o r d o v a 	 p l u g i n 	 a d d 	 c o r d o v a - p l u g i n - g e o l o c a t i o n 	
L o c a t i o n p l u g i n $ c o rd o v a G e o l o c a t i o n
> 	 i o n i c 	 p l u g i n 	 a d d 	 h t t p s : / / g i t h u b . c o m / p h o n e g a p - b u i l d / P u s h P l u g i n . g i t 	
> 	 i o n i c 	 a d d 	 i o n i c - s e r v i c e - c o r e 	
> 	 i o n i c 	 a d d 	 i o n i c - s e r v i c e - p u s h 	
> 	 i o n i c 	 a d d 	 a n g u l a r - w e b s o c k e t
N o t i f i c a t i o n - I n s t a l l J S f i l e s
https://devdactic.com/ionic-push-notifications/
> 	 E d i t 	 c o n t r o l l e r s . j s 	
> 	 i n c l u d e 	 i o n i c . s e r v i c e . c o r e 	 a n d 	 i o n i c . s e r v i c e . p u s h
N o t i f i c a t i o n - A n g u l a r. J S s e t t i n g s
> 	 E d i t 	 a p p . j s 	 t o 	 s e t 	 a p p _ i d 	 a n d 	 a p i _ k e y
N o t i f i c a t i o n - I o n i c A p p I D a n d A P I K e y
N o t i f i c a t i o n - A n g u l a r C o n t ro l l e r 1
$ionicUser.identify()
N o t i f i c a t i o n - A n g u l a r C o n t ro l l e r 2
$ionicPush.register()
N o t i f i c a t i o n - A n g u l a r C o n t ro l l e r 3
$rootScope.$on(‘$cordovaPush:tokenReceive’, callback)
> 	 h e a d 	 o v e r 	 t o 	 N o t i f i c a t i o n , 	 p r e s s 	 I d e n t i f y 	 a n d 	 R e g i s t e r
N o t i f i c a t i o n - R u n i t o n C h ro m e a n d S e n d a n o t i f i c a t i o n
> 	 i o n i c 	 p u s h 	 - s
N o t i f i c a t i o n - U s i n g S i m u l a t o r
N o t i f i c a t i o n - F ro m I o n i c t e s t i n g p a g e

More Related Content

DOC
DOC
Postanovlenie 119
PDF
NBB Lecture 12
PDF
L4: Решающие деревья
PDF
Huong dan cai dat nhanh man hinh Samsung
PDF
Креативность в бизнесе
PDF
Apuntes 1
PDF
超高速WordPress ~ PHP7 vs HHVM vs PHP5.6
Postanovlenie 119
NBB Lecture 12
L4: Решающие деревья
Huong dan cai dat nhanh man hinh Samsung
Креативность в бизнесе
Apuntes 1
超高速WordPress ~ PHP7 vs HHVM vs PHP5.6

What's hot (18)

PDF
ÕÝÂÐÝÃØÈË
PDF
NBB Lecture 9
PDF
2006 קיץ ב 005
PDF
Dochery "Упаковка с человеческим лицом"
PDF
קיץ א 2007 005
PDF
קיץ א 2007 006
PDF
קיץ א 2007 004
PDF
Akıllı kart uygulaması
PDF
2006 קיץ ב 004
PDF
MIGRAINE DRUGS
PPTX
õýñýãëýë, ò¿¿íèé ÷àíàð
PDF
2006 קיץ ב 006
PDF
Enfoque sociocrítico
PDF
Evaluación como mediación
PDF
Evaluación como mediación
PDF
Evaluación como mediación
PPT
Ded Algorithm1
PPT
Ded algorithm1
ÕÝÂÐÝÃØÈË
NBB Lecture 9
2006 קיץ ב 005
Dochery "Упаковка с человеческим лицом"
קיץ א 2007 005
קיץ א 2007 006
קיץ א 2007 004
Akıllı kart uygulaması
2006 קיץ ב 004
MIGRAINE DRUGS
õýñýãëýë, ò¿¿íèé ÷àíàð
2006 קיץ ב 006
Enfoque sociocrítico
Evaluación como mediación
Evaluación como mediación
Evaluación como mediación
Ded Algorithm1
Ded algorithm1
Ad

Viewers also liked (20)

PDF
Intro to ionic 2
PDF
Ionic 2: Mobile apps with the Web
PDF
Ionic 2: The Power of TypeScript
PPTX
Ionic 2 - Introduction
PDF
Ionic2
PDF
Ionic 2 intro
PPTX
Introduction to Ionic framework
PPTX
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
PPTX
AngularJS 2.0
PDF
Creating mobile apps - an introduction to Ionic (Engage 2016)
DOCX
Welcome to ionic 2
PDF
Apache Cordova
PDF
Building Mobile Applications with Ionic
PPTX
Introduction to Apache Cordova (Phonegap)
PPTX
Building an Ionic hybrid mobile app with TypeScript
PPTX
Introduction to the Ionic Framework
ODP
Introduction to Angular 2
DOC
Mensagem 005 2015_ e projeto de lei_005_2015_altera dispositivo da lei nº 5.449
PPSX
Web”政策”イメージ画像2
PPT
Embedding customer insight into the corporate culture Cheryl Coppell, London ...
Intro to ionic 2
Ionic 2: Mobile apps with the Web
Ionic 2: The Power of TypeScript
Ionic 2 - Introduction
Ionic2
Ionic 2 intro
Introduction to Ionic framework
AngularJs, Bootstrap e Cordova: il connubio per app mobile cross-platform
AngularJS 2.0
Creating mobile apps - an introduction to Ionic (Engage 2016)
Welcome to ionic 2
Apache Cordova
Building Mobile Applications with Ionic
Introduction to Apache Cordova (Phonegap)
Building an Ionic hybrid mobile app with TypeScript
Introduction to the Ionic Framework
Introduction to Angular 2
Mensagem 005 2015_ e projeto de lei_005_2015_altera dispositivo da lei nº 5.449
Web”政策”イメージ画像2
Embedding customer insight into the corporate culture Cheryl Coppell, London ...
Ad

More from Futada Takashi (20)

PDF
ES6 ECMA2015
PDF
PDF
Aws(sdk)
PDF
Objective c(lang)
PDF
Aws(sns)
PDF
PDF
PDF
PDF
PDF
PDF
PDF
PDF
Bootstrap
PDF
Coffee script
PDF
AngularJS
PDF
PDF
Swift study: Closure
PDF
Swift study: iBeacon
ES6 ECMA2015
Aws(sdk)
Objective c(lang)
Aws(sns)
Bootstrap
Coffee script
AngularJS
Swift study: Closure
Swift study: iBeacon

Ionic2

  • 1. N G C O R D O VA H T T P : / / N G C O R D O VA . C O M / C O R D O VA A N G U L A R J S P L U G I N
  • 2. L o c a t i o n , N o t i f i c a t i o n , C a m e r a a n d s o o n . D e v i c e N a t i v e F u n c t i o n s I O S C O R D O VA A N G U L A R J S N G C O R D O VA ‘ngCordova’ $cordovaCamera.getPicture( function(imageURI) {
  • 3. > b o w e r i n s t a l l n g C o r d o v a > c p b o w e r _ c o m p o n e n t s / n g C o r d o v a / d i s t / n g - c o r d o v a . m i n . j s ~ / i o n i c / i o n i c - t u t o r i a l / c o n f e r e n c e / w w w / j s / D o w n l o a d a n d i n s t a l l n g - c o rd o v a . m i n . j s index.html controllers.js
  • 4. > c o r d o v a p l u g i n a d d o r g - a p a c h e - c o r d o v a - c a m e r a C a m e r a p l u g i n $ c o rd o v a C a m e r a
  • 5. c o n t . C a m e r a - $ c o rd o v a C a m e r a
  • 6. > c o r d o v a p l u g i n a d d c o r d o v a - p l u g i n - g e o l o c a t i o n L o c a t i o n p l u g i n $ c o rd o v a G e o l o c a t i o n
  • 7. > i o n i c p l u g i n a d d h t t p s : / / g i t h u b . c o m / p h o n e g a p - b u i l d / P u s h P l u g i n . g i t > i o n i c a d d i o n i c - s e r v i c e - c o r e > i o n i c a d d i o n i c - s e r v i c e - p u s h > i o n i c a d d a n g u l a r - w e b s o c k e t N o t i f i c a t i o n - I n s t a l l J S f i l e s https://devdactic.com/ionic-push-notifications/
  • 8. > E d i t c o n t r o l l e r s . j s > i n c l u d e i o n i c . s e r v i c e . c o r e a n d i o n i c . s e r v i c e . p u s h N o t i f i c a t i o n - A n g u l a r. J S s e t t i n g s
  • 9. > E d i t a p p . j s t o s e t a p p _ i d a n d a p i _ k e y N o t i f i c a t i o n - I o n i c A p p I D a n d A P I K e y
  • 10. N o t i f i c a t i o n - A n g u l a r C o n t ro l l e r 1 $ionicUser.identify()
  • 11. N o t i f i c a t i o n - A n g u l a r C o n t ro l l e r 2 $ionicPush.register()
  • 12. N o t i f i c a t i o n - A n g u l a r C o n t ro l l e r 3 $rootScope.$on(‘$cordovaPush:tokenReceive’, callback)
  • 13. > h e a d o v e r t o N o t i f i c a t i o n , p r e s s I d e n t i f y a n d R e g i s t e r N o t i f i c a t i o n - R u n i t o n C h ro m e a n d S e n d a n o t i f i c a t i o n > i o n i c p u s h - s
  • 14. N o t i f i c a t i o n - U s i n g S i m u l a t o r
  • 15. N o t i f i c a t i o n - F ro m I o n i c t e s t i n g p a g e