差别
这里会显示出您选择的修订版和当前版本之间的差别。
| 两侧同时换到之前的修订记录 前一修订版 后一修订版 | 前一修订版 | ||
|
zh:二次开发者指南:如何将第三方系统与astercc集成 [2013/03/07 05:21] solo [内嵌式同域集成] |
zh:二次开发者指南:如何将第三方系统与astercc集成 [2017/12/12 03:05] (当前版本) |
||
|---|---|---|---|
| 行 21: | 行 21: | ||
| - 起始页面和asterCC在同一个域名下，例如都在asterCC的服务器上 | - 起始页面和asterCC在同一个域名下，例如都在asterCC的服务器上 | ||
| - | * 首先我们准备两个文件，分别为sample.html和popup.html，用于代表接受事件的页面和弹屏页面，并将文件上传到asterCC的服务器上，路径为/var/www/html/asterCC/app/webroot | + | * 首先我们准备两个文件，分别为sample.html和popup.html(源码见底部)，用于代表接受事件的页面和弹屏页面，并将文件上传到asterCC的服务器上，路径为/var/www/html/asterCC/app/webroot |
| * 其次我们需要将sample.html设置为默认页面，这里我们借用外呼营销模块 | * 其次我们需要将sample.html设置为默认页面，这里我们借用外呼营销模块 | ||
| * 进入 [[zh:模块使用说明:呼叫中心高级管理:]] -> [[zh:模块使用说明:呼叫中心高级管理:链接管理]],添加一个链接,链接类型选择 拨号计划链接, 链接地址输入sample.html | * 进入 [[zh:模块使用说明:呼叫中心高级管理:]] -> [[zh:模块使用说明:呼叫中心高级管理:链接管理]],添加一个链接,链接类型选择 拨号计划链接, 链接地址输入sample.html | ||
| 行 39: | 行 39: | ||
| {{:zh:二次开发者指南:dev_agent_portal_popup_cn.jpg?direct&680|}} | {{:zh:二次开发者指南:dev_agent_portal_popup_cn.jpg?direct&680|}} | ||
| + | sample.html | ||
| + | <code> | ||
| + | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | ||
| + | <html> | ||
| + | <head> | ||
| + | <title> asterCC development sample (local domain)</title> | ||
| + | <meta name="Author" content=""> | ||
| + | <meta name="Keywords" content=""> | ||
| + | <meta name="Description" content=""> | ||
| + | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||
| + | <script type="text/javascript" src="/js/jquery/jquery-1.4.2.min.js"></script> | ||
| + | <script type="text/javascript"> | ||
| + | <!-- | ||
| + | var tabflag; | ||
| + | function sonAccept(msgStr){ | ||
| + | var eventAll = msgStr.split('&'); | ||
| + | var aryEvent = new Array(); | ||
| + | for(i=0;i<eventAll.length;i++) { | ||
| + | var tmpstr = eventAll[i].split('='); | ||
| + | eval("aryEvent['"+tmpstr[0]+"'] = '"+tmpstr[1]+"';"); | ||
| + | } | ||
| + | // only popup when event is agent ring | ||
| + | if(aryEvent['source'] == 'AGENT' && aryEvent['event'] == 'ringing'){ | ||
| + | $('#ringnum').attr('value',aryEvent['calleridnum']); | ||
| + | var ringtypeval = 2; | ||
| + | if(aryEvent['calltype'] == 'dialout'){ | ||
| + | ringtypeval = 1; | ||
| + | } | ||
| + | $('#ringtype').attr('value',ringtypeval); | ||
| + | var popurl = $('#popurl').val()+'?phone='+aryEvent['calleridnum']+'&type='+ringtypeval; | ||
| + | tabflag = "uc"+aryEvent['calleridnum']+((new Date()).getTime()); | ||
| + | // call the main function to popup tab with the url | ||
| + | window.top.addTab(tabflag,popurl,aryEvent['calleridnum'],"yes"); | ||
| + | }else{ | ||
| + | window.top.showDiv('gid'+tabflag); | ||
| + | } | ||
| + | } | ||
| + | $().ready(function(){ | ||
| + | $('#clickpop').click(function(){ | ||
| + | var url = $('#popurl').val()+'?phone='+$('#ringnum').val()+'&type='+$('#ringtype').val();//?phone=13585306891&type=2 | ||
| + | window.top.addTab("uc"+$('#ringnum').val()+((new Date()).getTime()),url,$('#ringnum').val(),"yes"); | ||
| + | }); | ||
| + | var str = self.location.href; | ||
| + | str = str.replace(/sample\.html/,""); | ||
| + | document.getElementById("popurl").value= str + 'popup.html'; | ||
| + | |||
| + | }); | ||
| + | //--> | ||
| + | </script> | ||
| + | </head> | ||
| + | |||
| + | <body> | ||
| + | <div style="margin:10px 10px;"> | ||
| + | Popup url: <input type="text" value="" id="popurl" style="width:100%;"> | ||
| + | <p /> | ||
| + | Caller ID: <input type="text" value="18888888888" id="ringnum" style="width:100%;"> | ||
| + | <p /> | ||
| + | Type(1 inbound||2 outbound)：<input type="text" value="2" id="ringtype" style="width:100%;"> | ||
| + | <p /> | ||
| + | <input type="button" value="Click Popup" id="clickpop"> | ||
| + | </div> | ||
| + | </body> | ||
| + | </html> | ||
| + | </code> | ||
| + | popup.html | ||
| + | <code> | ||
| + | |||
| + | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | ||
| + | <html> | ||
| + | <head> | ||
| + | <title> popup page </title> | ||
| + | <meta name="Author" content=""> | ||
| + | <meta name="Keywords" content=""> | ||
| + | <meta name="Description" content=""> | ||
| + | </head> | ||
| + | |||
| + | <body> | ||
| + | <br/> | ||
| + | <br/> | ||
| + | <br/> | ||
| + | <br/> | ||
| + | <br/> | ||
| + | hello world, my url is | ||
| + | <script type="text/javascript"> | ||
| + | <!-- | ||
| + | var url = self.location.href; | ||
| + | document.write(url); | ||
| + | //--> | ||
| + | </script> | ||
| + | |||
| + | </body> | ||
| + | </html> | ||
| + | </code> | ||
