uni-app,小程序中的addPhoneContact,保存联系人到手机通讯录

文章目录

方法详解

简介

addPhoneContact是uni-app框架提供的一个实用API,用于向系统通讯录添加联系人信息。这个方法在需要将应用内的联系人信息快速保存到用户设备通讯录的场景下非常有用,比如会员名片、商家联系方式保存等功能。

基本语法

javascript 复制代码
uni.addPhoneContact(OBJECT)

参数说明

OBJECT参数对象支持以下属性:

属性名 类型 必填 说明
firstName String 名字
lastName String 姓氏
mobilePhoneNumber String 手机号
phoneNumber String 电话号码
email String 电子邮件
organization String 公司/组织名
title String 职位
address String 地址
addressCountry String 国家
addressState String 省份
addressCity String 城市
addressStreet String 街道
addressPostalCode String 邮政编码
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

基础用法

javascript 复制代码
uni.addPhoneContact({
    firstName: '张',
    lastName: '三',
    mobilePhoneNumber: '13812345678',
    email: 'zhangsan@example.com',
    organization: 'XX科技有限公司',
    title: '前端工程师',
    success: () => {
        uni.showToast({
            title: '已添加到通讯录',
            icon: 'success'
        });
    },
    fail: () => {
        uni.showToast({
            title: '添加联系人失败',
            icon: 'none'
        });
    }
});

使用示例

javascript 复制代码
// 保存联系人信息到通讯录
saveContact() {
    // 判断是否有权限或是否登录
    if (!this.isAuthorized) {
        uni.showModal({
            title: '提示',
            content: '您需要授权才能保存联系人',
            confirmText: '去授权',
            success: (res) => {
                if (res.confirm) {
                    this.requestAuthorization();
                }
            }
        });
        return;
    }
    
    // 添加联系人
    uni.addPhoneContact({
        firstName: this.memberInfo.name || '',
        mobilePhoneNumber: this.memberInfo.phone || '',
        title: this.memberInfo.position || '',
        organization: this.memberInfo.company || '',
        email: this.memberInfo.email || '',
        address: this.memberInfo.address || '',
        success: () => {
            uni.showToast({
                title: '已添加到通讯录',
                icon: 'success'
            });
        },
        fail: (err) => {
            console.error('添加联系人失败:', err);
            uni.showToast({
                title: '添加联系人失败',
                icon: 'none'
            });
        }
    });
}

平台差异说明

App H5 微信小程序 支付宝小程序 百度小程序 抖音小程序 QQ小程序

注意事项

权限问题:在某些平台上,调用此API可能需要用户授予通讯录访问权限。

必填字段:不同平台对必填字段的要求可能有所不同,但一般来说firstName是必填的。

iOS特殊处理:在iOS系统中,firstName和lastName会合并显示为一个名字。

用户体验:添加联系人前最好先向用户说明将要执行的操作,获得用户同意后再进行。

错误处理:务必添加fail回调处理添加失败的情况,并给予用户适当的反馈。

最佳实践

提前告知:在用户点击"保存联系人"按钮前,应明确告知用户该操作的目的和结果。

数据验证:在调用API前,应对要保存的联系人数据进行验证,确保至少有姓名和电话号码等基本信息。

优雅降级:对于不支持此API的平台,应提供替代方案,如复制联系信息到剪贴板。

状态反馈:操作成功或失败后,应给予用户明确的反馈,如使用toast提示。

通过合理使用addPhoneContactAPI,可以为用户提供便捷的联系人保存体验,提升应用的实用性和用户满意度。

相关推荐
2501_916007473 小时前
iPhone查看App日志和系统崩溃日志的完整实用指南
android·ios·小程序·https·uni-app·iphone·webview
2501_915918416 小时前
iOS 抓不到包怎么办?全流程排查思路与替代引导
android·ios·小程序·https·uni-app·iphone·webview
HebyH_6 小时前
uniapp如何封装uni.request 全局使用
uni-app
Digitally21 小时前
如何将照片从 realme 手机传输到电脑?
智能手机·电脑
随笔记1 天前
uniapp蓝牙连接设备并发送接收信息
javascript·uni-app·app
脑袋大大的1 天前
从“PPT动画”到“丝滑如德芙”——uni-app x 动画性能的“终极奥义”
前端·javascript·nginx·uni-app·uniapp·app开发·混合开发
随笔记1 天前
uniapp开发的app原生操作手机系统文件
前端·javascript·uni-app
于慨1 天前
uniapp上传文件
前端·uni-app
猫头_1 天前
uni-app 转微信小程序 · 避坑与实战全记录
前端·微信小程序·uni-app
iOS阿玮1 天前
凭一己之力干穿一个品牌,互联网+时代口碑比以前更重要了!
uni-app·app·apple