8.0.0 • Published 8 months ago
tccall-dev-sdk v8.0.0
外呼sdk-vue3.0版本
相关命令:
生成npm插件:npm run lib,生成tccall-sdk文件
cd tccall-sdk,添加描述文件:npm init -y,生成package.json文件
登录:npm:npm login 发布:npm publish
只发布tccall-sdk文件中的内容
插件使用方式
1、安装依赖:npm install tccall-sdk
2、在main.js中引入:
import { createApp } from 'vue'
import TcCall from "tccall-sdk";
import "tccall-test-sdk/dist/style.css";
import App from './App.vue'
const app = createApp(App)
app.use(TcCall)
app.mount('#app')
3、在需要外呼的vue文件中引入,调用外呼功能: import { tcCallOut } from 'tccall-sdk'
<script setup>
import { tcCallOut } from 'tccall-sdk'
function callout() {
const params = {
"customer_mobile": "694073126021191752",
"tccc_sdk_token": "https://tccc.qcloud.com/sdk/tcccSdk.js?sdkAppId=1600045494&token=389d3ee734ab4d8382d99d72aeb9f6b7&userid=349264242%40qq.com",
"ivr_tel": "0086057128204862",
"tccc_callout_uui": "{\"source\":2,\"call_client_id\":202407230000000001}",
"my_token": {
"access_token": "0e5ddf06f5a4bc9d125f93e084038297402e49c0",
"token_type": "Bearer"
}
}
tcCallOut(params, true, function (res) {
const {call_record_id:'会话id', customer_id:'客户id'} = res
}, 0)
}
}
</script>
入参
参数 | 说明 | 类型 | 可选值 | 默认值 | 备注 | |
---|---|---|---|---|---|---|
params | 通过tccc鉴权接口返回的JSON信息 | JSON | 必填 | |||
isCallBack | 是否回访,false:无回访,true:有回访 | Boolean | - | |||
callBackFn | 当isCallBack为true时会返回用户id和通话id | Function | - | (res:{call_record_id:'会话id', customer_id:'客户id'})=>{} | ||
serverType | 环境变量Int值 0测试环境,1模测环境, 2线上环境 可选参数,默认为2 | Number | - | 2 | ||
loading | 调用tcCallOut方法的时候,是否需要展示loading蒙层 | Boolean | - | true |
注意:isCallBack: false 时,在拨打电话的时候会自动弹出内置组件《会话小结》