前言

1. 我们有时候需要将平台acdgate前端对应的softphone相关的js集成到crm系统中去,以此来实现和软交换平台相关的呼叫
2. Demo文件cbanner_wstext.4.6.1.html中拥有完整的软电话控制，只需调用页面时调用sfc_platagentinfo设置server地址和座席信息，并对呼叫事件进行处理即可。

内容

1.获取相关softphone的js和css以及html文件

拿到相关的softphone前端文件:我们以版本:sv10css_v2.0.0.4为例子,基本目录如下所示:

2.相关js说明

1. SV-callbanner-common-cmclient-1.0.0.js 封装了呼叫事件 相关振铃,接通,挂断,鉴权事件都在这里面 业务:可用于做来电弹屏 小结弹屏
2. SV-callbanner-common-cms-4.6.1.js 为 callbanner,crm 提供通信平台相关查询类服务
3. SV-callbanner-common-engine-4.6.2.js 对callbanner的基本通讯、高级功能、组长功能等交互模块进行模块的逻辑控制
4. SV-callbanner-common-wscomm-1.0.0.js Websocket通信js封装

以上在业务代码集成时候,我们可以自定义js重写SV-callbanner-common-cmclient-1.0.0.js的事件,然后降低crm和softphone相关的耦合度,减少排查问题的困难

3.测试softphone是否正常

1. softphone前端和后端acdgate是通过java-websocket进行交互的,所以我们主要改造:cbanner_wstext.4.6.1.html(websocket和后端服务交互的主要文件)
2. 我们先打开cbanner_wstext.4.6.1.html文件看其功能是否正常,如果是以下情况,则正常
   

4.修改softphone文件集成到crm系统中去

我们以cmcc平台管理系统为例:

1. cmcc系统的主页面是ace_main.jsp 我们从下面可以看到,通过权限控制acdInfo非空然后嵌入cbanner_wstext.4.6.1.jsp,其他系统可供参考
   

   4.1 集成步骤

2. 1.修改cbanner_wstext.4.6.1.html文件为cbanner_wstext.4.6.1.jsp页面,添加jsp相关标签即可
3. 2.将sv10css_v2.0.0.4里面的css,images,js文件拷贝到cmcc系统的softphone文件下面,并修改cbanner_wstext.4.6.1.jsp引入js和css的路径
   

4.2 图片路径修改

有时候,我们图片路径是有问题的,此时我们需要修改:var g_ImgPath = “./webpage/main/softphone/images”;

5.修改拨号盘图片路径

拨号盘img的图片文件地址是从sv10css_v2.0.0.4里面的images里面加载,所以我们需要修改其路径为:

6.测试软电话

最后做完之后,我们以坐席登录,然后打开crm系统,如下说明集成完毕