uniapp 调用原生手机联系人和获取手机联系人

功能需求描述

一般在设置收货地址/添加联系方式时,可以手动输入,也可以直接获取手机的联系人

方法一:通过HTML5 API中的plus.contacts.ADDRESSBOOK_PHONE获取联系人信息自定义列表
plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE,function(addressbook){
		console.log('获取通讯录对象成功')
		console.log(addressbook)
		addressbook.find(["displayName","phoneNumbers"],function(contacts){
			console.log("获取联系人成功")
			console.log(JSON.stringify(contacts))
		})
})
方法二:通过Native.js调用原生API适配ios和android
/**
 * nativeCommon,通过Native.js调用原生API
 * 选择通讯录电话
 */
var nativeCommon = {
	/**
	 * 通讯录模块
	 */
	contacts: {
		getContact: function(callBack) {
			switch (plus.os.name) {
				case "iOS":
					if (plus.device.model === "iPhoneSimulator") {
						//模拟器
						nativeCommon.contacts.ios.visitContacts(function(name, phoneNumber) {
							callBack(name, phoneNumber);
						});
					} else {
						//真机
						nativeCommon.contacts.ios.visitAddressBook(function(name, phoneNumber) {
							callBack(name, phoneNumber);
						});
					}
					break;
				case "Android":
					// Android通过plus.contacts.getAddressBook可弹出通讯录授权提示框
					// nativeCommon.contacts.android.visitContacts(function(name, phoneNumber) {
					// 	callBack(name, phoneNumber);
					// });
					plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) {
						nativeCommon.contacts.android.visitContacts(function(name, phoneNumber) {
							callBack(name, phoneNumber);
						});
					}, function(e) {
						plus.nativeUI.alert("Get address book failed: " + e.message);
					});
					break;
				default:
					break;
			}
		},
		ios: { //供iOS系统调用
			/**
			 * 访问通讯录,将获取的联系人信息通过callBack返回
			 * 仅限模拟器使用(Native.js 的bug)
			 * @param {Object} callBack回调
			 */
			visitContacts: function(callBack) {
				var contactPickerVC = plus.ios.newObject("CNContactPickerViewController");
				//实现代理方法【- (void)contactPicker:(CNContactPickerViewController *)picker didSelectContact:(CNContact *)contact;】
				//同时生成遵守CNContactPickerDelegate协议的代理对象delegate
				var delegate = plus.ios.implements("CNContactPickerDelegate", {
					"contactPicker:didSelectContact:": function(picker, contact) {
						//姓名
						var name = "";
						//姓氏
						var familyName = contact.plusGetAttribute("familyName");
						//名字
						var givenName = contact.plusGetAttribute("givenName");
						name = familyName + givenName;
						//电话号码
						var phoneNo = "";
						var phoneNumbers = contact.plusGetAttribute("phoneNumbers");
						if (phoneNumbers.plusGetAttribute("count") > 0) {
							var phone = phoneNumbers.plusGetAttribute("firstObject");
							var phoneNumber = phone.plusGetAttribute("value");
							phoneNo = phoneNumber.plusGetAttribute("stringValue");
						}
						if (callBack) {
							callBack(name, phoneNo);
						}
					}
				});
				//给通讯录控制器contactPickerVC设置代理
				plus.ios.invoke(contactPickerVC, "setDelegate:", delegate);
				//获取当前UIWebView视图
				var currentWebview = plus.ios.currentWebview();
				//根据当前UIWebView视图获取当前控制器
				var currentVC = nativeCommon.contacts.ios.getViewControllerByView(currentWebview);
				//由当前控制器present到通讯录控制器
				plus.ios.invoke(currentVC, "presentViewController:animated:completion:", contactPickerVC, true,
					null);
			},
			/**
			 * 访问通讯录,将获取的联系人信息通过callBack返回
			 * 仅限真机使用(Native.js 的bug)
			 * @param {Object} callBack
			 */
			visitAddressBook: function(callBack) {
				var peoplePickerNavController = plus.ios.newObject("ABPeoplePickerNavigationController");
				//实现代理方法【- (void)peoplePickerNavigationController:(ABPeoplePickerNavigationController *)peoplePicker didSelectPerson:(ABRecordRef)person;】
				//同时生成遵守ABPeoplePickerNavigationControllerDelegate协议的代理对象peoplePickerDelegate
				var peoplePickerDelegate = plus.ios.implements("ABPeoplePickerNavigationControllerDelegate", {
					"peoplePickerNavigationController:didSelectPerson:": function(peoplePicker,
					person) {
						//这里的peoplePicker竟然是CNContact实例对象,person是undefined
						console.log(JSON.stringify(peoplePicker));
						console.log(JSON.stringify(person));
						console.log(typeof person);

						//所以之前的代码不用改
						var contact = peoplePicker;
						//姓名
						var name = "";
						//姓氏
						var familyName = contact.plusGetAttribute("familyName");
						//名字
						var givenName = contact.plusGetAttribute("givenName");
						name = familyName + givenName;
						//电话号码
						var phoneNo = "";
						var phoneNumbers = contact.plusGetAttribute("phoneNumbers");
						if (phoneNumbers.plusGetAttribute("count") > 0) {
							var phone = phoneNumbers.plusGetAttribute("firstObject");
							var phoneNumber = phone.plusGetAttribute("value");
							phoneNo = phoneNumber.plusGetAttribute("stringValue");
						}
						if (callBack) {
							callBack(name, phoneNo);
						}
					}
				});
				//给通讯录控制器peoplePickerNavController设置代理
				plus.ios.invoke(peoplePickerNavController, "setPeoplePickerDelegate:", peoplePickerDelegate);
				//获取当前UIWebView视图
				var UIApplicationClass = plus.ios.importClass("UIApplication");
				var UIAppObj = UIApplicationClass.sharedApplication();
				var del = plus.ios.invoke(UIAppObj, "delegate");
				var appWindowObj = plus.ios.invoke(del, "window");
				var appRootController = plus.ios.invoke(appWindowObj, "rootViewController");
				//由当前控制器present到通讯录控制器
				plus.ios.invoke(appRootController, "presentViewController:animated:completion:",
					peoplePickerNavController, true,
					null);
			}
		},
		android: { //供android系统调用
			visitContacts: function(callBack) {
				plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, (book) => {
					var REQUESTCODE = 1000;
					var main = plus.android.runtimeMainActivity();
					var Intent = plus.android.importClass('android.content.Intent');
					var ContactsContract = plus.android.importClass(
					'android.provider.ContactsContract');
					var intent = new Intent(Intent.ACTION_PICK, ContactsContract.Contacts.CONTENT_URI);
					main.onActivityResult = function(requestCode, resultCode, data) {
						if (REQUESTCODE == requestCode) {
							var phoneNumber = "";
							var resultString = "";
							var context = main;
							plus.android.importClass(data);
							var contactData = data.getData();
							var resolver = context.getContentResolver();
							plus.android.importClass(resolver);
							var cursor = resolver.query(contactData, null, null, null, null);
							plus.android.importClass(cursor);
							cursor.moveToFirst();
							//姓名
							var givenName = cursor.getString(cursor.getColumnIndex(ContactsContract
								.Contacts.DISPLAY_NAME)) || "";
							var contactId = cursor.getString(cursor.getColumnIndex(ContactsContract
								.Contacts._ID));
							var pCursor = resolver.query(ContactsContract.CommonDataKinds.Phone
								.CONTENT_URI, null, ContactsContract.CommonDataKinds
								.Phone.CONTACT_ID + " = " + contactId, null, null);
							if (pCursor.moveToNext()) {
								phoneNumber = pCursor.getString(pCursor.getColumnIndex(
									ContactsContract.CommonDataKinds.Phone.NUMBER));
							}
							if (callBack) {
								callBack(givenName, phoneNumber);
							}
							cursor.close();
							pCursor.close();
						}
					};
					main.startActivityForResult(intent, REQUESTCODE);
				})
			}
		}
	}
}
module.exports = {
	nativeCommon: nativeCommon
}


使用方法在引入上方的js模块

//首先引入该js
	import { nativeCommon } from '@/common/utils/nativeCommon.js'

	method中的事件
	let that = this
	nativeCommon.contacts.getContact(function(name, phoneNumber) {
		console.log('name',name, phoneNumber)
		that.phone = phoneNumber;  // phoneNumber,name 分别为选中的手机号,联系人备注
	})
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
uniapp中创建手机通讯录联系人和添加到手机通讯录现有联系人需要借助uniapp提供的API实现。具体步骤如下: 1. 引入uni-app提供的联系人API,例如: ```javascript import contact from '@/common/uni-contact/uni-contact.js' ``` 2. 创建联系人 ```javascript // 创建联系人 function createContact(name, phone, email) { // 构造联系人对象 const contactInfo = { displayName: name, // 显示名称 phoneNumbers: [ { label: '手机', value: phone } ], emails: [ { label: '邮箱', value: email } ] } // 调用API创建联系人 contact.add(contactInfo, (res) => { console.log(res) if (res.code === 0) { console.log('创建联系人成功') } else { console.log('创建联系人失败') } }) } ``` 在以上代码中,我们首先构造了一个联系人对象,包含了联系人的姓名、电话和邮箱信息。然后,我们调用了uni-app提供的联系人API中的add()方法,将联系人对象传递给该方法进行创建。在回调函数中,我们可以根据返回的状态码来判断创建联系人是否成功。 3. 添加到现有联系人 ```javascript // 添加到现有联系人 function addToExistingContact(name, phone, email) { // 构造联系人对象 const contactInfo = { displayName: name, // 显示名称 phoneNumbers: [ { label: '手机', value: phone } ], emails: [ { label: '邮箱', value: email } ] } // 调用API添加到现有联系人 contact.chooseContact((res) => { console.log(res) if (res.code === 0) { const contactId = res.contactId contact.update(contactId, contactInfo, (res) => { console.log(res) if (res.code === 0) { console.log('添加到现有联系人成功') } else { console.log('添加到现有联系人失败') } }) } else { console.log('选择联系人失败') } }) } ``` 在以上代码中,我们首先构造了一个联系人对象,包含了联系人的姓名、电话和邮箱信息。然后,我们调用了uni-app提供的联系人API中的chooseContact()方法,让用户选择要添加联系人的现有联系人。在选择联系人后,我们将联系人对象和联系人ID传递给update()方法进行更新。在回调函数中,我们可以根据返回的状态码来判断添加联系人是否成功。 注意:以上代码中的contact.add()和contact.update()方法仅在uni-app中可用,不能在微信小程序中使用。在微信小程序中创建和修改联系人需要使用微信提供的接口。此外,上述代码中的后端接口需要自己实现。
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值