IP电话交换机Web服务器部署方法二

简介: 操作要求:需要对 Web 编程熟悉的人进行部署和使用 目的:方便用户实现 Web 网站的客户点击拨号,实现咨询服务。

第一步:下载原始参考代码 ClickCall.tar.gz,用户应修改部分代码。assets 目录结构及内容说明 如图 7 所示。

网络异常,图片无法展示
|

根                                                                                                                         css 目录下的

style.

 

 

1.修改文件 clickCall.js 中的 www.zycoo.com 为你的 web 站点 IP 地址或域名地址。 urls.rtcninja = 'http://www.zycoo.com/assets/ClickCall/dist/js/rtcninja.js'; urls.jquery = 'http://www.zycoo.com/assets/ClickCall/dist/js/jquery.js'; urls.i18n = "http://www.zycoo.com/assets/ClickCall/dist/js/jquery.i18n.js"; urls.messagestore =
"http://www.zycoo.com/assets/ClickCall/dist/js/jquery.i18n.messagestore.js"; urls.jsSIP = 'http://www.zycoo.com/assets/ClickCall/dist/js/jssip.js';
urls.init = 'http://www.zycoo.com/assets/ClickCall/dist/js/init.js'; urls.gui = 'http://www.zycoo.com/assets/ClickCall/dist/js/gui.js'; urls.css = 'http://www.zycoo.com/assets/ClickCall/dist/css/style.css';
2.修改文件 init.js 中的注册信息,在文件的最后面几行。 var user = local_config.user || {
username: '681',
password: '123456',
host: '117.176.159.163',


 

wsPort: '8088', wsProtocol: 'ws'
};
createUA(user); phone_call_button.click(function (event) {
console.log(event);
var IVR_num = local_config.ivr_num || '910'; GUI.phoneCallButtonPressed(ivr_num);
});


备注:应该修改 username 为注册 WebRTC 分机号;password 密码为分机密码;host 为 CooVox V2 PBX 的服务器地址;其他不变;当然,如果你的 CooVox V2 PBX 是放在路由器(NAT)背后,应该映 射端口到内部 PBX 的 IP 地址和 8088 端口。(以上设置均为参考示例)
3.修改文件 gui.js 中的链接地址信息,查找该文件中 www.zycoo.com 字串,替换为你的 web 服务器 的 IP 地址或域名
根据你的需要,修改点击图标,搜索该文件中的 icon-register.png 名称为对应需要的图片名。均在 images 目录下。比如 icon-register-en.png,icon-offline-en.png
4.修改 distàcss 目录下的 style.css 中的 www.zycoo.com 字串为你的 web 站点域名或 IP 地址,方法 同前面修改。
备注:  修改完后,将 assets 目录放于你 web 服务器网站的根目录(DocumentRoot)

 

 

第二步:将该功能嵌入 Web  页面的<body> </body>中合适位置,嵌入方式如下

<script>

document.write('<script src="http://www.zycoo.com/assets/ClickCall/dist/js/clickCall.js"><\/script>')

</script>


附注:    WebRTC 浏览器支持说明

Zycoo 测试结果如下表。


浏览器

版本号
测试情况(注册、拨号、接听、挂断、暂停、 二次拨号功能)---http
通过与否


Google 浏览 器安卓手机版
38.0 OK 通过
40.0 OK 通过
45.0 OK 通过
46.0 OK 通过
47.0 能注册成功,网页分机呼入呼出失败 不通过





Google 浏览 器 PC 版本
38.0 OK 通过
39.0 OK 通过
40.0 OK 通过
41.0 OK 通过
42.0 网页分机端呼出时  单通,网页分机端无声音;
没有自动挂断情况,呼入时,两端通话正常
不通过
43.0 OK 通过
44.0 OK 通过
45.0 OK 通过
46.0 OK 通过



Opera 浏览器 PC 版本
27 OK 通过
28 OK 通过
29 内外线都是呼出无声音,单通;呼入正常 不通过
30 OK 通过
31 OK 通过
32 OK 通过
33 OK 通过

Firefox 浏览器

任意版本
测试效果不佳,经分析,并结合网络资料,结
论是 Firefox 支持 WebRTC 存在很多 bug, 不建议使用

不通过
Opera 安卓手
机版
任意版本 不支持 WebRTC 不通过
IE 浏览器 任意版本 不支持 WebRTC 不通过


相关文章
|
7天前
|
监控 安全 Linux
RHEL 环境下 Subversion 服务器部署与配置
【10月更文挑战第18天】在RHEL环境下部署Subversion服务器需依次完成安装Subversion、创建版本库、配置服务器、启动服务、客户端连接及备份维护等步骤。确保遵循安全最佳实践,保障数据安全。
|
11天前
|
Prometheus Kubernetes 监控
k8s部署针对外部服务器的prometheus服务
通过上述步骤,您不仅成功地在Kubernetes集群内部署了Prometheus,还实现了对集群外服务器的有效监控。理解并实施网络配置是关键,确保监控数据的准确无误传输。随着监控需求的增长,您还可以进一步探索Prometheus生态中的其他组件,如Alertmanager、Grafana等,以构建完整的监控与报警体系。
104 60
|
12天前
|
Prometheus Kubernetes 监控
k8s部署针对外部服务器的prometheus服务
通过上述步骤,您不仅成功地在Kubernetes集群内部署了Prometheus,还实现了对集群外服务器的有效监控。理解并实施网络配置是关键,确保监控数据的准确无误传输。随着监控需求的增长,您还可以进一步探索Prometheus生态中的其他组件,如Alertmanager、Grafana等,以构建完整的监控与报警体系。
109 62
|
4天前
|
监控 网络安全 调度
Quartz.Net整合NetCore3.1,部署到IIS服务器上后台定时Job不被调度的解决方案
解决Quartz.NET在.NET Core 3.1应用中部署到IIS服务器上不被调度的问题,通常需要综合考虑应用配置、IIS设置、日志分析等多个方面。采用上述策略,结合细致的测试和监控,可以有效地提高定时任务的稳定性和可靠性。在实施任何更改后,务必进行充分的测试,以验证问题是否得到解决,并监控生产环境的表现,确保长期稳定性。
10 1
|
8天前
|
安全 Linux 数据安全/隐私保护
RHEL 环境下 Subversion 服务器部署与配置
【10月更文挑战第17天】在RHEL环境下部署Subversion服务器包括安装Subversion、创建和配置版本库、启动服务器、客户端连接以及备份与恢复等步骤。通过这些步骤,可确保服务器的安全性和稳定性,满足版本控制需求。
|
12天前
|
SQL 分布式计算 大数据
大数据-168 Elasticsearch 单机云服务器部署运行 详细流程
大数据-168 Elasticsearch 单机云服务器部署运行 详细流程
31 2
|
14天前
|
弹性计算 安全 Linux
阿里云国际版使用ping命令测试ECS云服务器不通的排查方法
阿里云国际版使用ping命令测试ECS云服务器不通的排查方法
|
3天前
|
前端开发 Docker 容器
主机host服务器和Docker容器之间的文件互传方法汇总
Docker 成为前端工具,可实现跨设备兼容。本文介绍主机与 Docker 容器/镜像间文件传输的三种方法:1. 构建镜像时使用 `COPY` 或 `ADD` 指令;2. 启动容器时使用 `-v` 挂载卷;3. 运行时使用 `docker cp` 命令。每种方法适用于不同场景,如静态文件打包、开发时文件同步及临时文件传输。注意权限问题、容器停止后的文件传输及性能影响。
|
5天前
|
存储 前端开发 API
前端开发中,Web Storage的存储数据的方法localstorage和sessionStorage的使用及区别
前端开发中,Web Storage的存储数据的方法localstorage和sessionStorage的使用及区别
33 0
|
6天前
|
弹性计算 数据安全/隐私保护 Windows
阿里云国际版无法远程连接Windows服务器的排查方法
阿里云国际版无法远程连接Windows服务器的排查方法