一、实践步骤
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. 以“创建新联系人”为例,可以看到上述步骤提交的信息已经自动保存到手机通讯录联系人信息编辑界面。