PhoneGap Bluetooth Plugin on Android device

Question

I've been trying to get a bluetooth plugin for PhoneGap working but I can't seem to figure out where I'm going wrong. Firstly, my test device is a Galaxy S3 (GT-19305T) and the applications were built using the PhoneGap CLI.

The plugin I am attempting to use can be found here with an example here.

I tried the example which didn't seem to actually do anything.

So then I went basic, and tried using the plugins with examples given by PhoneGap. I could quite easily get all of these working. In my example, I am using the basic device information plugin.

Here is some example code:

Javascript:

<script type="text/javascript" charset="utf-8">
    // Wait for device API libraries to load
    document.addEventListener("deviceready", onDeviceReady, false);
    // device APIs are available
    function onDeviceReady() {
        var element = document.getElementById('deviceProperties');
        element.innerHTML = 'Device Model: '    + device.model    + '<br />' +
                            'Device Cordova: '  + device.cordova  + '<br />' +
                            'Device Platform: ' + device.platform + '<br />' +
                            'Device UUID: '     + device.uuid     + '<br />' +
                            'Device Version: '  + device.version  + '<br />';
        var btstatus = document.getElementById('status');
        btstatus.innerHTML = "Getting bluetooth information";

        window.bluetooth.isEnabled(isEnabledSuccess, isEnabledError);
    }

    function checkBluetoothStatus() {
        var btstatus = document.getElementById('status');
        btstatus.innerHTML = "Checking bluetooth information";
        window.bluetooth.isEnabled(isEnabledSuccess, isEnabledError);
    }

    function isEnabledSuccess(isEnabled){
       var btstatus = document.getElementById('status');
       if(isEnabled){
         btstatus.innerHTML = "Enabled";
       }else{
         btstatus.innerHTML = "Disabled";
       }
    }

    function isEnabledError(error){
       var btstatus = document.getElementById('status');
       btstatus.innerHTML = "Cannot determine Bluetooth status: " + error.message;
    }

    function enableBluetooth(){
        var btstatus = document.getElementById('status');
        btstatus.innerHTML = "Attempting to turn bluetooth on";
        window.bluetooth.enable(bluetoothTestSucces, bluetoothTestFail);
    }
</script>

Html:

  <body>
    <p id="deviceProperties">Loading device properties...</p>
    <br />
    <button onclick="enableBluetooth();">Enable Bluetooth</button>
    <br />
    <button onclick="checkBluetoothStatus();">Check Bluetooth Status</button>
    <br />
    <p id="status">Loading bluetooth information...</p>
  </body>

So basically I am trying to either get the plugin to return the current bluetooth connectivity information, or enable the bluetooth upon clicking the "enable bluetooth" button.

Unfortunately nothing has worked so far and as I stated earlier I am not sure where I am going wrong.

I have tried applying it manually and by using the CLI.

Just to make sure, before trying to solve, did you set: in AndroidManifest.xml ? — Dawson Loudon, Dec 03 '13 at 18:05
Yes when I tried manually adding it in eclipse I did, also when using the CLI this is done automatically. — benallansmith, Dec 03 '13 at 22:06

score 12 · Accepted Answer · edited Jan 13 '14 at 01:03

12

I have recently experimented with the same example and was able to get it working. The main difference however is that I used Cordova CLI instead.

Note: You will need to have installed: Apache ANT, JAVA, Android SDK, GIT Command Line Tool. The first three also need to be set up correctly in your Environment Path.

These are the steps I performed:

Download Node.JS (and then run the command prompt)
npm install -g cordova
npm install -g coffee-script
cd C:\
cordova create bluetooth com.example.bluetooth bluetooth
cd bluetooth
cordova platform add android
cordova plugin add https://github.com/tanelih/phonegap-bluetooth-plugin.git
Download this
Covert main.coffee to main.js using coffee --compile main.coffee
Download the library files (jQuery, bootstrap, underscore, backbone) and place them in the correct directories
Place all of the example documents in the correct directories, and edit index to have <script src="cordova.js"> instead of <script src="phonegap.js">
cordova build android

edited Jan 13 '14 at 01:03

ScottJShea

7,041
11
44
67

answered Dec 09 '13 at 03:47

Yorimitsu

459
2
11

1

Thanks, this works for me. These are nicely detailed steps of how you built the apk, I followed very similar steps using the phonegap CLI and I'm not too sure why mine wasn't working. The only real difference I can see is the part where you edit the phonegap.js include to cordova.js – benallansmith Dec 09 '13 at 03:50
Having some issues here also. I managed to do everything up to the point of building the damn thing. Once I put the apk file on the phone and install it, there is no boostrap layout and everything is disabled, can't click any button. Any thoughts? – Stargazer Apr 01 '14 at 13:43
@Stargazer I think the reason everything is disabled is because the buttons are set to disabled by default. They are only enabled once everything is working. It seems something didn't work properly somewhere along the line and thus the buttons aren't getting enabled. You could try manually removing the disable from the buttons but I don't think it will help since the problem will still be there. – Yorimitsu Apr 08 '14 at 06:50
@Yorimitsu, I did managed to put it to work. I was planing to come here and state that. In fact, it had to do with the plugin not being properly configured as a "plugman friendly" plugin on my app and also some other issues with CDN. Now I'm struggling to read binary data with it...But that's another story. – Stargazer Apr 08 '14 at 16:05
@Stargazer I am having the same problem as you (buttons are disabled). Could you tell me how you fixed your problem? I am new to mobile programming, and any link about this would be very useful. – siva82kb May 20 '14 at 10:24
i get processMessage failed: Stack: ReferenceError: isConnected is not defined" at main.js:122:14 DeviceListView = Backbone.View.extend({ el: "#list-devices", initialize: function() { return this.collection.on("reset add", this.render, this); }, render: function() { this.$el.html(""); return this.collection.each((function(_this) { return function(device) { return _this.$el.append(new DeviceView({ model: device }).render().el); <-------- line 122 }; })(this)); } }); Does anyone have any ideas? – user1126515 Aug 12 '15 at 22:37

score 0 · Answer 2 · answered Dec 04 '13 at 10:43

0

Maybe this article can help? This is more bluetooth connection with others specific then your question, but maybe it can help.I've used it in the past and it worked great with PhoneGap 3.0, only downside was that BlackBerry wasn't compatible anymore.

answered Dec 04 '13 at 10:43

joostmakaay

437
2
7
14

This example is what I was using. This is stated at the start of my question. – benallansmith Dec 06 '13 at 02:03

PhoneGap Bluetooth Plugin on Android device

2 Answers2

Linked