Uniapp Android/IOS 获取手机通讯录

介绍

最近忙着开发支付宝小程序和app,下面给大家介绍一下 app 获取通讯录的全部过程吧,也是这也是我app开发中的一项需求吧。

效果图如下


勾选配置文件

使用uniapp开发的童鞋都知道有一个配置文件 manifest.json 简单的说一下,就是安卓/ios/小程序中一些基础的配置文件,你可以配置应用的图标及权限等等。

记住这个是一定要勾选的,不然你点击获取通讯录时,是会报错误的提示的,博主已踩过坑了

填写配置文件

说到配置文件,我们获取用户的通讯录就得使用到权限配置

Android部分

javascript 复制代码
<uses-permission android:name="android.permission.GET_ACCOUNTS"/>
<uses-permission android:name="android.permission.WRITE_CONTACTS"/>
<uses-permission android:name="android.permission.READ_CONTACTS"/>

IOS部分

翻到下面会有通讯录相关的配置,这里你们自己看着写

源码视图配置

这里就不多讲了,直接上配置文件

javascript 复制代码
"app-plus": {
	 /* 应用发布信息 */
        "distribute" : {
            /* android打包配置 */
            "android" : {
                "permissions" : [
                	 // 联系人
                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
                    "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
                    "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>"
                ],
            },
			 /* ios打包配置 */
            "ios" : {
            "privacyDescription" : {
                    "NSContactsUsageDescription" : "我们需要访问您的通讯录以便为您提供联系人相关的服务。",
                }
			}
}

好了,以上基础的已经配置好了

获取通讯录部分

话不多讲,直接上代码

界面结构部分
html 复制代码
<template>
	<view class="contacts_box">
		<view @click="getContacts" class="contacts_title">
			获取联系人信息
		</view>
		<view v-for="(item,index) in contact_list" :key='index' class="contacts_list_item">
			<view style="font-weight: 700;">
				联系人:{{item.displayName}}
			</view>
			<view>
				联系人电话:{{item.phoneNumbers[0].value}}
			</view>
		</view>
	</view>	
</template>
逻辑处理部分
javascript 复制代码
<script>
	export default {
		data() {
			return {
				contact_list: [],
			}
		},
		methods: {
			getContacts() {
				if (uni.getSystemInfoSync().platform === 'android') {
					plus.android.requestPermissions(
						['android.permission.READ_CONTACTS'],
						(resultObj) => {
							const result = resultObj.granted;
							if (result.indexOf('android.permission.READ_CONTACTS') !== -1) {
								this._getContacts();
							} else {
								uni.showToast({
									title: '您拒绝了通讯录权限,请在设置中开启',
									icon: 'none'
								});
								uni.hideLoading();
							}
						},
						(error) => {
							console.log('请求权限失败: ' + JSON.stringify(error));
							uni.showModal({
								title: '权限请求失败',
								content: '应用需要读取通讯录权限才能为您提供更好的服务,请在设置中授予该权限。',
								showCancel: false
							});
							uni.hideLoading();
						}
					);
				} else if (uni.getSystemInfoSync().platform === 'ios') {
					this._getContacts(); // iOS 直接调用
				}
			},

			_getContacts() {
				// 获取系统通讯录
				plus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE, function(addressbook) {
					// 查找联系人
					addressbook.find([], function(contacts) {
						this.contact_list = contacts;
					}.bind(this), function(e) {
						console.log('查找联系人失败: ' + e.message);
						if (e.code === 20) {
							uni.showToast({
								title: '您拒绝了通讯录权限,请在设置中开启',
								icon: 'none'
							});
						}
					});
				}.bind(this), function(e) {
					console.log('获取通讯录失败: ' + e.message);
					if (e.code === 20) {
						uni.showToast({
							title: '您拒绝了通讯录权限,请在设置中开启',
							icon: 'none'
						});
					}
				});
			}

		}
	}
</script>

注意事项

特别提醒!!!

特别提醒!!!

特别提醒!!!

如果你要使用通讯录功能的话,一定记得完善信息,不然不会让你打包的 下面就是我实名的情况。

实名地址 : https://dev.dcloud.net.cn/pages/user/info

完结!!!

撒花 🎉🎉🎉

撒花 🎉🎉🎉

撒花 🎉🎉🎉

相关推荐
菌菇汤1 小时前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
移动开发者1号2 小时前
使用 Android App Bundle 极致压缩应用体积
android·kotlin
移动开发者1号2 小时前
构建高可用线上性能监控体系:从原理到实战
android·kotlin
ii_best7 小时前
按键精灵支持安卓14、15系统,兼容64位环境开发辅助工具
android
美狐美颜sdk7 小时前
跨平台直播美颜SDK集成实录:Android/iOS如何适配贴纸功能
android·人工智能·ios·架构·音视频·美颜sdk·第三方美颜sdk
某公司摸鱼前端8 小时前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
遗憾随她而去.11 小时前
uniapp 中使用路由导航守卫,进行登录鉴权
前端·uni-app
恋猫de小郭11 小时前
Meta 宣布加入 Kotlin 基金会,将为 Kotlin 和 Android 生态提供全新支持
android·开发语言·ios·kotlin
aqi0012 小时前
FFmpeg开发笔记(七十七)Android的开源音视频剪辑框架RxFFmpeg
android·ffmpeg·音视频·流媒体
泓博12 小时前
Objective-c把字符解析成字典
开发语言·ios·objective-c