tencent cloud

云联络中心

产品公告
产品动态
关于云联络中心术语更新
产品简介
产品概述
功能列表
名词介绍
应对防火墙限制相关
AI 专区
购买指南
语音通话计费概述
在线会话计费概述
查看账单
退费指引
新用户手册
语音通话指引
在线会话指引
场景用例
客服热线(呼入)
电话营销(呼出)
语音提醒(自动外呼)
集成用例(SDK)
管理员操作手册
语音通话分册
在线会话分册
工作台操作手册
语音通话分册
在线会话分册
AI 智能体操作手册
语音智能体介绍
语音智能体实践教程
新建语音智能体
实现智能体通话
查看智能体通话
开发操作手册
SDK 开发指南
数据推送
语音通话 API 文档
History
Introduction
API Category
Making API Requests
Agent APIs
Skill Group APIs
Number APIs
Dual Call APIs
Predictive Outbound Call APIs
SIP Phone APIs
Call Service Record APIs
Billing APIs
Other APIs
Outbound Call APIs
Speech Intelligent Agent APIs
Data Types
Error Codes
在线会话 API 文档
服务端 API
回调配置
常见问题
数据删除指引
相关协议
隐私政策
数据隐私和安全协议
服务等级协议
云联络中心用户协议
词汇表
联系我们

Web

PDF
聚焦模式
字号
最后更新时间: 2024-04-01 18:08:50

步骤一:初始化 SDK

请参见 初始化SDK
注意
后续步骤需要在 tccc.events.ready 事件成功后才能执行。

步骤二:实现点击按钮触发SDK外呼

Vue
React
原生JS
<template>
<button @click="sdkCall">一键外呼</button>
</template>
<script>
export default {
data() {
phoneNumber: '19999999999' // 请替换为真实外呼号码
},
methods: {
sdkCall() {
window.tccc.Call.startOutboundCall({
phoneNumber: this.phoneNumber,
}).then((res) => {
this.sessionId = res.data.sessionId;
}).catch((err) => {
const error = err.errorMsg;
})
}
}
}
</script>
import { useState } from 'react';
export function CallButton() {
const [phoneNumber, setPhoneNumber] = useState('19999999999') // 请替换为真实外呼号码

function sdkCall(phoneNumber) {
window.tccc.Call.startOutboundCall({
phoneNumber,
}).then((res) => {
this.sessionId = res.data.sessionId;
}).catch((err) => {
const error = err.errorMsg;
})
}

return (
<button onClick={sdkCall}>一键外呼</button>
)
}
<button id="call">一键外呼</button>
<script>
function sdkCall(phoneNumber) {
window.tccc.Call.startOutboundCall({
phoneNumber, // 外呼号码
phoneDesc: 'Tencent' //备注文案,将会在通话条上替代号码的显示
}).then((res) => {
// 外呼成功,并获取外呼ID,后续可用作查询关联录音、服务记录信息
const sessionId = res.data.sessionId
}).catch((err) => {
// 外呼失败,获取失败原因并提示
console.error(err.errMsg)
})
}
// 监听按钮的点击事件,并触发外呼方法
document.getElementById('call').addEventListsner('click', () => {
// 请替换为真实外呼号码
sdkCall('19999999999');
})
</script>
成功触发外呼后,等待对方接听,依次触发相关事件。

外呼事件流程









帮助和支持

本页内容是否解决了您的问题?

填写满意度调查问卷,共创更好文档体验。

文档反馈