Can I use ibeacon with ionicFramework

Is it possible to use an iBeacon API with ionic framework ?

I know a plugin to handle ibeacon with cordova ( cordova-plugin-ibeacon), but i don’t know how to use cordova api ( like geolocation, vibrations, etc ) or cordova plugin ( like iBeacon cordova plugin ), or if it is possible …

Thanks for help.


Yep. Checkout this project I just found this morning.

I tried to run this project and I’m able to compile it but it looks like this

Any idea of what I’m doing wrong?

Thanks a million

Nevermind, I figured it out :slight_smile: Thanks

@hartmamt any example of how to get the distance/proximity data this this plugin?

The sample has a little event inbox tab that catches all the events from ranging and monitoring. You can tweak the eventlog.html file to just show the last detected proximity like this:

Event Log

    <ion-scroll zooming="false" direction="y">

            <ion-item ng-repeat="event in events | limitTo: 1">



The problem is that I believe the beacons array comes back empty :frowning:

What what is the issue ? I have similar.

In case anyone is interested :

I also cannot get this thing to work. Has anyone yet been able to build a fully functioning app that is monitoring or ranging beacons?

Same here. Looking to handle an upcoming project with cordova and ibeacons, would be great to know if someone else has had any luck.

Im also looking to build an ionic app with ibeacon functionally, did you manage to get anything sorted?

also like to know - I just haven’t seen any movement in the plugin for a few months

I did it some time ago. I used ibeacons (estimote and custom developed one) an the evothings plugin:

$ cordova plugin add com.evothings.ble

I monitore them and imitated the near far intermadiate rangeing of ios in an ionic app on android.

I also haver beacons with lot of sensors on it. Also custom hardware. Great stuff!

many thanks - I will give it a go

did you try out the petermetz plugin (above) also - if so why did you not proceed with it


Did not try it. I developed this cross plattfor not just ios, this plugin is for ios only i guess

no the plugin is for ios and android


Hi I am getting this error when i run this app and click on monitoring tab in this sample…can you please tell how to get around it.

351104   error    ReferenceError: cordova is not defined

at new (http://localhost:8100/monitoring/MonitoringCtrl.js:28:22)
at invoke (http://localhost:8100/lib/ionic/js/ionic.bundle.js:11763:17)
at Object.instantiate (http://localhost:8100/lib/ionic/js/ionic.bundle.js:11774:23)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:15028:28
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:14430:34
at forEach (http://localhost:8100/lib/ionic/js/ionic.bundle.js:8191:20)
at nodeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:14417:11)
at compositeLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13875:15)
at publicLinkFn (http://localhost:8100/lib/ionic/js/ionic.bundle.js:13780:30)
at link (http://localhost:8100/lib/ionic/js/ionic.bundle.js:27476:38),

Can I use ibeacon with ionicFramework?


I’m unable to get the tabs in the UI…
Can anybody help???