无法在 Phonegap / Cordova 3.5.0-0.2.4 上运行联系人插件

Question

尝试使用 Phonegap / Cordova 3.5.0-0.2.4 列出 Android 手机中的联系人，将“联系人”插件安装到应用程序文件夹中。

运行下面的步骤序列后，我们会得到一个默认的cordova索引页面显示在 带有消息“正在连接设备”

的设备

它不显示存储在手机上的联系人。

请帮助我们。提前致谢。

Step1
$ cordova create conto com.example.conto

Step2
$ cordova platform add android

Step3
$ cordova plugin add org.apache.cordova.contacts

Step4
$ cordova plugin list (enter)
org.apache.cordova.contacts 0.2.11 "Contacts"

Step5
Added the following in "app/www/js/index.js"

function read_contacts(){
   var options = new ContactFindOptions();
   options.filter="";
   options.filter="";
   options.multiple=true;
   var fields = ["*"];  //"*" will return all contact fields
   navigator.contacts.find(fields, onSuccess, onError, options);
}

// display the address information for all contacts
function onSuccess(contacts) {
  //console.log(JSON.stringify(contacts))
   var li = '';
   $.each(contacts, function(key, value) {
        if(value.name){
            $.each(value.name, function(key, value) {
               if(key == 'formatted'){
                   name = value;
               }                      
            });
        }
        if(value.phoneNumbers){
            $.each(value.phoneNumbers, function(key, value) {
                phone = value.value;
            });
        }                    
        li += '<li style="text-decoration:none;">'+name+' '+phone+'</li>';
   }); 

   $("#contact").html(li);   
}

function onError(contactError) {
   alert('onError!');
}

Step6:
Added the following in "app/www/index.html"



            <ol id="contact"></ol>


Step7
Added the following in app/res/xml/config.xml
<feature name="Contacts">
    <param name="android-package" value="org.apache.cordova.contacts.ContactManager" />
</feature>



 Step8
   Added the following in app/AndroidManifest.xml
    <uses-permission android:name="android.permission.READ_CONTACTS" />
    <uses-permission android:name="android.permission.WRITE_CONTACTS" />
    <uses-permission android:name="android.permission.GET_ACCOUNTS" />


    Step9
    $ cordova run android 

Answer 1

在 Adroid 上，我通过 onSuccess 和字段交换成功测试，如下所示：

navigator.contacts.find(onSuccess, onError, fields, options);

这与手册相矛盾，但它有效。

在“开发者应用程序”中，它按照手册中的说明工作...

Answer 2

如果您正在修改给定应用程序，请尝试了解它的结构。 在这种情况下，“空”cordova 项目在 index.js 中有一个 app-Object，它处理事件并隐藏（也给定的）Splash-Screen。

您只是删除了 index.js 中的所有代码，但在 index.html 中保留了相应的元素。

这就是您的 index.js 应该如何工作（基于默认的 cordova 项目和您的代码，未经测试）

var app = {
    initialize: function() {
        this.bindEvents();
    },
    bindEvents: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },
    onDeviceReady: function() {
        app.receivedEvent('deviceready');
        app.openContacts();
    },
    receivedEvent: function(id) {
        console.log('Received Event: ' + id);
    },
    openContacts:function(){
        var options = new ContactFindOptions();
        options.filter="";
        options.filter="";
        options.multiple=true;
        var fields = ["*"];  //"*" will return all contact fields
        navigator.contacts.find(fields, app.onSuccess, app.onError, options);
    },
    onSuccess:function(contacts) {
        //console.log(JSON.stringify(contacts))
        var li = '';
        $.each(contacts, function(key, value) {
            if(value.name){
                $.each(value.name, function(key, value) {
                   if(key == 'formatted'){
                       name = value;
                   }                      
                });
            }
            if(value.phoneNumbers){
                $.each(value.phoneNumbers, function(key, value) {
                    phone = value.value;
                });
            }                    
            li += '<li style="text-decoration:none;">'+name+' '+phone+'</li>';
        }); 
        $("#contact").html(li);   
    },
    onError:function(contactError) {
        alert('onError!');
    }
};