uniapp 如何实现打电话功能

在uniapp中怎么实现点击按钮直接拨打电话的功能？需要调用什么API吗？求具体代码示例和兼容性说明。

2 回复

在uniapp中，调用系统拨号界面实现打电话功能，使用uni.makePhoneCall方法：

uni.makePhoneCall({
  phoneNumber: '13800138000' // 要拨打的电话号码
})

注意：在App端需要配置拨打电话权限。


在 UniApp 中实现打电话功能非常简单，可以通过调用 uni.makePhoneCall() API 实现。以下是具体实现方法：

代码示例

// 在方法中调用打电话功能
makePhoneCall() {
  uni.makePhoneCall({
    phoneNumber: '13800138000', // 替换为需要拨打的电话号码
    success: () => {
      console.log('成功拨打电话')
    },
    fail: (err) => {
      console.log('拨打电话失败:', err)
    }
  })
}

使用说明

  1. 参数说明：

    • phoneNumber：必需参数，要拨打的电话号码（字符串类型）。
    • success：可选，拨打电话成功的回调函数。
    • fail：可选，拨打电话失败的回调函数。

  2. 平台差异：

    • 全平台支持（H5/微信小程序/App 等）。
    • 在 H5 端会调起系统默认电话应用。
    • 小程序端会直接调起拨号界面。

  3. 注意事项：

    • 确保电话号码格式正确。
    • 在真机上测试功能。
    • 部分安卓设备可能需要电话权限。

完整示例

<template>
  <view>
    <button @click="callPhone('13800138000')">拨打电话</button>
  </view>
</template>

<script>
export default {
  methods: {
    callPhone(number) {
      uni.makePhoneCall({
        phoneNumber: number
      })
    }
  }
}
</script>

这样就可以在 UniApp 中实现点击按钮拨打电话的功能了。

回到顶部