微信小程序电话功能详解-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_41339192/article/details/105510483

本文介绍了微信小程序中电话功能的使用，包括打电话、添加联系人和选择操作等步骤，并配以相应的操作效果图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序电话相关使用

<-- html -->
<view>
	<button bindtap="makeCall">呼叫用户</button>
	<button bindtap="addPerson">添加联系人</button>
	<button bindtap="choose">选择操作</button>
</view>

1、打电话

// js
methods: {
  makeCall() {
	wx.makePhoneCall({
	  phoneNumber: '888888888',
	  success: res => {
		console.log(res)
	  },
	  fail: err => {
		console.log(err)
	  }
	})
  }
}

效果图
在这里插入图片描述
2、添加联系人

// js
methods: {
  addPerson() {
	wx.addPhoneContact({
	  firstName: '姓名',
	  mobilePhoneNumber: '电话号码'
	  success: res => {
		console.log(res)
	  },
	  fail: err => {
		console.log(err)
	  }
	})
  }
}

效果图
在这里插入图片描述
3、选择操作

// js
methods: {
  addPerson() {
	wx.showActionSheet({
	  itemList: ['呼叫', '添加联系人'],
	  success: res => {
		if (res.tapIndex === 0) {
			wx.makePhoneCall({
				phoneNumber: '888888888'
			})
		} else if (res.tapIndex === 1) {
			wx.addPhoneContact({
				firstName: '姓名',
				mobilePhoneNumber: '电话号码'
			})
		}
	  },
	  fail: err => {
		console.log(err)
	  }
	})
  }
}
// 此段代码中，res.tapIndex对应与itemList中被选择的元素