腾讯云微搭低代码 小程序实现添加联系人到通讯录

在小程序场景中,可以快速将表单信息生成联系人信息,快速添加到手机通讯录,用户可以选择将该表单以新增联系人或添加到已有联系人的方式,写入手机系统通讯录。

相关产品
腾讯云微搭低代码 产品页,含版本规格、价格与购买入口。

一、实践步骤

1. 在编辑器中用单行输入框和按钮构建实践场景。

注意:说明:

注意:“昵称”字段配置在小程序环境或获取用户微信头像。

注意:

2. 新建 javascript 方法 addPhoneContact,用来实现联系人信息到手机通讯录到保存。

export default function ({ event, data }) { wx.addPhoneContact({ firstName: $w.input1.value, mobilePhoneNumber: $w.input2.value, nickName: $w.input3.value, weChatNumber: $w.input4.value, remark: $w.input5.value, success(res) { console.log(res); }, fail(err) { console.error(err); } });}

注意:说明:

注意:wx.addPhoneContact()方法更多参数请参考小程序 API 设备/联系人/wx.addPhoneContact。

3. 在代码编辑器中配置权限声明,保存成功后返回编辑器。

4. 发布应用,在真机环境下预览效果。

5. 首次保存用户信息到通讯录,会有授权弹窗提示。

6. 填写其他字段信息,可以看到昵称自动调用微信昵称。

7. 单击保存到手机通讯录,触发保存到通讯录事件。

8. 以“创建新联系人”为例,可以看到上述步骤提交的信息已经自动保存到手机通讯录联系人信息编辑界面。

赞 (0)
上一篇 4天前
下一篇 4天前