亚马逊 amazon connect（呼叫中心）

背景

公司为提高客服部门沟通效率对接电话呼叫中心，调研后选择了亚马逊的Amazon Connect服务，因为是国外业务没有选择用阿里云，怕有坑。

Amazon Connect后台

需要在后台创建“联系流”，也就是用户接通电话后我们提供的一系列功能选项，比如开始放一段欢迎语音，然后提示用户选择1，2，4，*，#等，每一个选项可能又对应了一条“联系流”，整体的功能就是围绕着“联系流”来进行的，用户输入的一些值可以通过 contact.getAttributes() 拿到。

前端对接

需要引入 amazon-connect-1.3.js, 这是一个开源项目（https://github.com/aws/amazon-connect-streams）所有前端接打电话的界面功能都是基于这个库来完成的。

connect.contact(): 主要获取联系人信息（姓名，电话等）还有联系人输入的一些值。
connect.agent(): 主要获取电话设备的一些状态信息。

HTML：

 <!-- 电话图标，用来唤出电话界面 -->
 <div id="amazonConnectContainer">
     <img src="/Public/img/amazon_tel.jpg" alt="">
 </div>
 <!-- 生成iframe的地方，可以放在网页任意位置 -->
 <div id="containerDiv" title="Amazon Connect">
     <!--Amazon CCP is hiding in here-->
 </div>

CSS:

 <style>
     .containerDiv iframe {
        display: none;
     }
 </style>

JS:

 <script type="text/javascript" src="/Public/lib/connect-streams.js"></script>
 <script type="text/javascript">
     $(document).ready(function() {
         $("#amazonConnectContainer").click(function(event) {
             event.preventDefault();
             $("#containerDiv iframe").remove();
             if(typeof connect != "undefined" && !connect.core.initialized){
                 window.myCPP = window.myCPP || {};
                 //replace with the CCP URL for your Amazon Connect instance
                 var ccpUrl = "https://xxxxxx.awsapps.com/connect/ccp#/";
                 connect.core.initCCP(containerDiv, {
                     ccpUrl: ccpUrl,
                     loginPopup: false,
                     softphone: {
                         allowFramedSoftphone: true,
                         disableRingtone:  true,
                         ringtoneUrl: true
                     }
                 });
                 connect.contact(subscribeToContactEvents);
                 connect.agent(subscribeToAgentEvents);
             }
             var awidth = 320; //窗口宽度
             var aheight = 465; //窗口高度
             var atop = (screen.availHeight - aheight) / 2; //窗口顶部位置
             var aleft = (screen.availWidth - awidth) / 2; //窗口放中央

             window.open (ccpUrl, 'newwindow', 'height=465, width=320, top='+atop+', left='+aleft+', toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
         });

         function subscribeToContactEvents(contact){
             window.myCPP.contact = contact;
             logInfoMsg("Subscribing to events for contact");
             if (contact.getActiveInitialConnection()
                 && contact.getActiveInitialConnection().getEndpoint()) {
                 logInfoMsg("New contact is from " + contact.getActiveInitialConnection().getEndpoint().phoneNumber); // 用户电话
             } else {
                 logInfoMsg("This is an existing contact for this agent");
             }
             logInfoMsg("Contact is from queue " + contact.getQueue().name);
             logInfoMsg("Contact attributes are " + JSON.stringify(contact.getAttributes())); // 用户属性
         }
         function subscribeToAgentEvents(agent) {
             window.myCPP.agent = agent;
             agentGreetingDiv.innerHTML = '<h3>Hi ' + agent.getName() + '!</h3>';
             logInfoMsg("Subscribing to events for agent " + agent.getName());
             logInfoMsg("Agent is currently in status of " + agent.getStatus().name);
             // 获取电话状态名称
             displayAgentStatus(agent.getStatus().name);
             // agent.onRefresh(handleAgentRefresh);
             // agent.onRoutable(handleAgentRoutable);
             // agent.onNotRoutable(handleAgentNotRoutable);
             // agent.onOffline(handleAgentOffline);
         }
         function logInfoMsg(msg) {
             connect.getLog().info(msg);
         }
     });
 </script>