uniapp导入通讯录

uniapp导入通讯录的方法

使用uni.chooseContact选择联系人

在uniapp中可以通过调用uni.chooseContactAPI选择手机通讯录中的联系人。该方法会返回联系人的姓名和电话号码。

uni.chooseContact({
  success: function (res) {
    console.log(res.name); // 联系人姓名
    console.log(res.phone); // 联系人电话
  }
});

通过插件实现批量导入

对于需要批量导入通讯录的需求，可以使用第三方插件如uniapp-contact。安装插件后，可以调用相关方法获取完整的通讯录列表。

const contact = require('uniapp-contact');
contact.getContacts({
  success: function(res) {
    console.log(res.contacts); // 联系人数组
  }
});

注意事项

在Android平台上需要申请READ_CONTACTS权限，在iOS平台上需要用户明确授权。可以在manifest.json中配置权限声明。

"permission": {
  "scope.userLocation": {
    "desc": "获取通讯录权限"
  }
}

处理返回数据

获取到通讯录数据后，通常需要将数据格式化并存储到本地或上传到服务器。可以按照业务需求对数据进行处理。

function formatContact(contact) {
  return {
    name: contact.name,
    phone: contact.phone.replace(/\s+/g, ''),
    createTime: new Date().getTime()
  };
}

兼容性处理

不同平台对通讯录API的支持程度不同，需要进行兼容性判断。可以通过条件编译或运行时判断来处理差异。

// #ifdef APP-PLUS
uni.chooseContact({
  // APP端实现
});
// #endif

// #ifdef H5
// H5端替代方案
// #endif