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 不通过


相关文章
|
15天前
|
人工智能 网络安全 开发工具
视觉智能开放平台操作报错合集之服务部署在pdd的服务器,调用报错:The SSL connection could not be established,该如何解决
在使用视觉智能开放平台时,可能会遇到各种错误和问题。虽然具体的错误代码和消息会因平台而异,但以下是一些常见错误类型及其可能的原因和解决策略的概述,包括但不限于:1. 认证错误、2. 请求参数错误、3. 资源超限、4. 图像质量问题、5. 服务不可用、6. 模型不支持的场景、7. 网络连接问题,这有助于快速定位和解决问题。
若依修改,若依部署在本地运行时的注意事项,后端连接了服务器,本地的vue.config.js要先改成localhost:端口号与后端匹配,部署的时候再改公网IP:端口号
若依修改,若依部署在本地运行时的注意事项,后端连接了服务器,本地的vue.config.js要先改成localhost:端口号与后端匹配,部署的时候再改公网IP:端口号
|
10天前
|
NoSQL 关系型数据库 MySQL
多机部署:打造内网服务器集群
在多机部署教程中,了解如何配置分布式应用如Laravel以使用Redis同步用户状态。关键步骤包括:修改MySQL的`bind-address`至内网IP,重启服务;同样修改Redis的`bind`,重启服务;以及调整Elasticsearch的`network.host`和`discovery.seed_hosts`,并重启。通过这些步骤,确保服务间能内网通信,实现多服务器状态同步。
27 2
|
10天前
|
缓存 弹性计算 应用服务中间件
阿里云服务器部署Jupyter私房菜
在阿里云ECS上,选用2核2G的配置,安装Ubuntu 22.04,然后部署Nginx作为Jupyter Notebook的反向代理。安装Miniconda3,配置清华TUNA镜像源以加速下载。创建Jupyter Notebook,设置密码和远程访问,通过Nginx配置实现安全访问。整个过程包括安装Jupyter,修改Nginx配置,最后通过浏览器访问 Notebook。
阿里云服务器部署Jupyter私房菜
|
15天前
|
敏捷开发 弹性计算 负载均衡
阿里云云效产品使用问题之如何将应用部署到部署组的某一台特定服务器上
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
1天前
|
监控
查看服务器/IIS日志、log、访问信息基本方法
除了手动查看,你也可以使用日志分析工具,如Log Parser、AWStats等,这些工具可以帮助你更方便地分析日志数据。
3 1
‘;‘ expected,Missing semicolon.Syntax Missing semicolon multi (web,若依定义方法,修改method,之后在mounted()用this
‘;‘ expected,Missing semicolon.Syntax Missing semicolon multi (web,若依定义方法,修改method,之后在mounted()用this
|
8天前
|
大数据 Linux 程序员
软件开发常见流程之服务器+Linux部署项目,会用服务器+Linux部署项目资料
软件开发常见流程之服务器+Linux部署项目,会用服务器+Linux部署项目资料
|
8天前
|
Web App开发
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
软件开发常见流程之移动端调试方法,利用Chrome(谷歌浏览器)的模拟手机调试,搭建本地Web服务器,手机和服务器在一个局域网,通过手机访问服务器,使用服务器,利用ip实现域名访问
|
10天前
|
前端开发 JavaScript Java
文本----简单编写文章的方法(中),后端接口的编写,自己编写好页面就上传到自己的服务器上,使用富文本编辑器进行编辑,想写好一个项目,先分析一下需求,再理一下实现思路,再搞几层,配好参数校验,lomb
文本----简单编写文章的方法(中),后端接口的编写,自己编写好页面就上传到自己的服务器上,使用富文本编辑器进行编辑,想写好一个项目,先分析一下需求,再理一下实现思路,再搞几层,配好参数校验,lomb