# Can I use ibeacon with ionicFramework

**URL:** <https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258>\
**Category:** ionic-v1\
**Created:** [June 5, 2014, 5:37pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258 "2014-06-05T17:37:28Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![rdb](https://avatars.discourse-cdn.com/v4/letter/r/8baadc/32.png) [@rdb](https://forum.ionicframework.com/u/rdb)\
**Post date:** [June 5, 2014, 5:37pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/1 "2014-06-05T17:37:29Z")

</div>

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

I know a plugin to handle ibeacon with cordova ( [cordova-plugin-ibeacon](https://github.com/petermetz/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.

Maxime

---

<div class="post-metadata">

**Author:** ![hartmamt](https://avatars.discourse-cdn.com/v4/letter/h/f0a364/32.png) [@hartmamt](https://forum.ionicframework.com/u/hartmamt)\
**Post date:** [August 19, 2014, 3:49pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/2 "2014-08-19T15:49:56Z")

</div>

Yep. Checkout this project I just found this morning. [https://github.com/petermetz/cordova-proximity-quickstart](https://github.com/petermetz/cordova-proximity-quickstart)

---

<div class="post-metadata">

**Author:** ![pipozoft](https://avatars.discourse-cdn.com/v4/letter/p/aeb1de/32.png) [@pipozoft](https://forum.ionicframework.com/u/pipozoft)\
**Post date:** [August 20, 2014, 3:24am UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/3 "2014-08-20T03:24:09Z")

</div>

I tried to run this project and I’m able to compile it but it looks like this ![](https://sea1.discourse-cdn.com/ionicframework/uploads/default/3299/efce97c5d6c766e2.png)

Any idea of what I’m doing wrong?

Thanks a million

---

<div class="post-metadata">

**Author:** ![pipozoft](https://avatars.discourse-cdn.com/v4/letter/p/aeb1de/32.png) [@pipozoft](https://forum.ionicframework.com/u/pipozoft)\
**Post date:** [August 20, 2014, 3:08pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/4 "2014-08-20T15:08:15Z")

</div>

Nevermind, I figured it out 🙂 Thanks

---

<div class="post-metadata">

**Author:** ![pipozoft](https://avatars.discourse-cdn.com/v4/letter/p/aeb1de/32.png) [@pipozoft](https://forum.ionicframework.com/u/pipozoft)\
**Post date:** [August 20, 2014, 7:25pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/5 "2014-08-20T19:25:05Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![hartmamt](https://avatars.discourse-cdn.com/v4/letter/h/f0a364/32.png) [@hartmamt](https://forum.ionicframework.com/u/hartmamt)\
**Post date:** [August 21, 2014, 7:26pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/6 "2014-08-21T19:26:07Z")

</div>

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-list>
            <ion-item ng-repeat="event in events | limitTo: 1">
                <span>{{event.beacons[0].proximity}}</span>
            </ion-item>
        </ion-list>

    </ion-scroll>

</ion-content>

```

---

<div class="post-metadata">

**Author:** ![pipozoft](https://avatars.discourse-cdn.com/v4/letter/p/aeb1de/32.png) [@pipozoft](https://forum.ionicframework.com/u/pipozoft)\
**Post date:** [August 21, 2014, 7:50pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/7 "2014-08-21T19:50:12Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![fels](https://avatars.discourse-cdn.com/v4/letter/f/c5a1d2/32.png) [@fels](https://forum.ionicframework.com/u/fels)\
**Post date:** [September 4, 2014, 6:13pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/8 "2014-09-04T18:13:17Z")

</div>

Hi  
What what is the issue ? I have similar.  
thanks

---

<div class="post-metadata">

**Author:** ![fels](https://avatars.discourse-cdn.com/v4/letter/f/c5a1d2/32.png) [@fels](https://forum.ionicframework.com/u/fels)\
**Post date:** [September 4, 2014, 11:07pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/9 "2014-09-04T23:07:51Z")

</div>

In case anyone is interested : [https://github.com/petermetz/cordova-proximity-quickstart/issues/3](https://github.com/petermetz/cordova-proximity-quickstart/issues/3)

---

<div class="post-metadata">

**Author:** ![herman5](https://avatars.discourse-cdn.com/v4/letter/h/dec6dc/32.png) [@herman5](https://forum.ionicframework.com/u/herman5)\
**Post date:** [October 2, 2014, 9:40pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/10 "2014-10-02T21:40:49Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![myyellowshoe](https://avatars.discourse-cdn.com/v4/letter/m/f08c70/32.png) [@myyellowshoe](https://forum.ionicframework.com/u/myyellowshoe)\
**Post date:** [October 3, 2014, 12:06am UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/11 "2014-10-03T00:06:47Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![tommyw](https://avatars.discourse-cdn.com/v4/letter/t/e480ec/32.png) [@tommyw](https://forum.ionicframework.com/u/tommyw)\
**Post date:** [January 8, 2015, 12:39pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/12 "2015-01-08T12:39:09Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![darrenahunter](https://avatars.discourse-cdn.com/v4/letter/d/ecb155/32.png) [@darrenahunter](https://forum.ionicframework.com/u/darrenahunter)\
**Post date:** [March 3, 2015, 11:01pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/13 "2015-03-03T23:01:15Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![BioPhoton](https://avatars.discourse-cdn.com/v4/letter/b/a3d4f5/32.png) [@BioPhoton](https://forum.ionicframework.com/u/BioPhoton)\
**Post date:** [March 7, 2015, 1:26am UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/14 "2015-03-07T01:26:33Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![darrenahunter](https://avatars.discourse-cdn.com/v4/letter/d/ecb155/32.png) [@darrenahunter](https://forum.ionicframework.com/u/darrenahunter)\
**Post date:** [March 12, 2015, 10:44am UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/15 "2015-03-12T10:44:03Z")

</div>

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

thanks

---

<div class="post-metadata">

**Author:** ![BioPhoton](https://avatars.discourse-cdn.com/v4/letter/b/a3d4f5/32.png) [@BioPhoton](https://forum.ionicframework.com/u/BioPhoton)\
**Post date:** [March 12, 2015, 3:40pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/16 "2015-03-12T15:40:36Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![darrenahunter](https://avatars.discourse-cdn.com/v4/letter/d/ecb155/32.png) [@darrenahunter](https://forum.ionicframework.com/u/darrenahunter)\
**Post date:** [March 12, 2015, 9:13pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/17 "2015-03-12T21:13:00Z")

</div>

Hi  
no the plugin is for ios and android

cheers

---

<div class="post-metadata">

**Author:** ![Saifumar](https://avatars.discourse-cdn.com/v4/letter/s/48db29/32.png) [@Saifumar](https://forum.ionicframework.com/u/Saifumar)\
**Post date:** [March 16, 2015, 12:37pm UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/18 "2015-03-16T12:37:51Z")

</div>

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](http://localhost:8100/monitoring/MonitoringCtrl.js:28:22))  
at invoke ([http://localhost:8100/lib/ionic/js/ionic.bundle.js:11763:17](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](http://localhost:8100/lib/ionic/js/ionic.bundle.js:11774:23))  
at [http://localhost:8100/lib/ionic/js/ionic.bundle.js:15028:28](http://localhost:8100/lib/ionic/js/ionic.bundle.js:15028:28)  
at [http://localhost:8100/lib/ionic/js/ionic.bundle.js:14430:34](http://localhost:8100/lib/ionic/js/ionic.bundle.js:14430:34)  
at forEach ([http://localhost:8100/lib/ionic/js/ionic.bundle.js:8191:20](http://localhost:8100/lib/ionic/js/ionic.bundle.js:8191:20))  
at nodeLinkFn ([http://localhost:8100/lib/ionic/js/ionic.bundle.js:14417:11](http://localhost:8100/lib/ionic/js/ionic.bundle.js:14417:11))  
at compositeLinkFn ([http://localhost:8100/lib/ionic/js/ionic.bundle.js:13875:15](http://localhost:8100/lib/ionic/js/ionic.bundle.js:13875:15))  
at publicLinkFn ([http://localhost:8100/lib/ionic/js/ionic.bundle.js:13780:30](http://localhost:8100/lib/ionic/js/ionic.bundle.js:13780:30))  
at link ([http://localhost:8100/lib/ionic/js/ionic.bundle.js:27476:38](http://localhost:8100/lib/ionic/js/ionic.bundle.js:27476:38)),

---

<div class="post-metadata">

**Author:** ![nareshhappysingh](https://avatars.discourse-cdn.com/v4/letter/n/53a042/32.png) [@nareshhappysingh](https://forum.ionicframework.com/u/nareshhappysingh)\
**Post date:** [May 11, 2015, 6:08am UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/19 "2015-05-11T06:08:08Z")

</div>

Can I use ibeacon [roximity.com](http://roximity.com) with ionicFramework?

ROXIMITY Android SDK  
Path:[https://app.roximity.com/beacons/54c239c669702d23d80c0000/sdks](https://app.roximity.com/beacons/54c239c669702d23d80c0000/sdks).

---

<div class="post-metadata">

**Author:** ![balajivinnakota](https://avatars.discourse-cdn.com/v4/letter/b/9de0a6/32.png) [@balajivinnakota](https://forum.ionicframework.com/u/balajivinnakota)\
**Post date:** [May 30, 2015, 11:31am UTC](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258/20 "2015-05-30T11:31:12Z")

</div>

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

[Next page](https://forum.ionicframework.com/t/can-i-use-ibeacon-with-ionicframework/5258.md?page=2)