浏览器web页面使用sipml5（jssip,sipjs）拨打电话(mod_cti基于FreeSWITCH)-webrtc

---

前言

文本主要介绍如何在网页web端上注册sip账户，进而实现拨打和接听电话。不用再额外安装sip软电话软件以及实体的电话机，方便CRM等系统集成电话呼叫。

但是需要在网页web端上注册sip账户之前，获取到ssl证书，这个ssl证书是需要购买的。ssl证书是一种非常重要的安全工具，它可以帮助保护网站的数据安全，防止被黑客攻击或窃取。

呼叫中心中间件参考：http://ddrj.com/

---

联系我们

有意向了解呼叫中心中间件的用户，可以点击该链接添加工作人员的微信：顶顶通小何的VX

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、相关名词介绍

（一）、SSL证书

SSL证书，全称为安全套接层证书（Secure Sockets Layer Certificate），是一种数字证书，其主要作用是在客户端和服务器之间建立加密连接。这种证书的主要目标是确保数据在传输过程中的安全性和完整性，防止任何未经授权的第三方窃取或篡改这些数据。

SSL证书的工作原理是通过使用公钥加密技术，在客户端和服务器之间建立一个安全的、加密的连接。当客户端向服务器发送请求时，服务器会返回一个包含其公钥的数字证书。然后，客户端会使用这个公钥来加密它的消息，并将其发送回服务器。由于只有服务器拥有对应的私钥，所以只有服务器能够解密这个消息。

SSL证书通常由受信任的第三方证书颁发机构（CA）签发。这些CA是公认的、可信赖的机构，它们负责验证网站的身份并确保其安全。当一个网站想要获得SSL证书时，它需要向CA提交一些信息，如网站所有者的身份证明、网站的域名等。然后，CA会对这些信息进行核实，如果确认无误，就会签发一个SSL证书。

总的来说，SSL证书是一种非常重要的安全工具，它可以帮助保护网站的数据安全，防止被黑客攻击或窃取。

（二）、JSSIP

JSSIP是一个专门用于实现基于SIP（Session Initiation Protocol）协议的VoIP（Voice over Internet Protocol）通信的JavaScript库。它为开发者提供了一组功能强大的API，使得在Web应用中集成语音通话和视频通话功能变得非常简便。

通过使用JSSIP库，开发者可以轻松地在Web应用中实现实时语音和视频通信功能。SIP协议是一种用于建立、修改和终止多媒体会话的信令协议，而VoIP则是一种将语音信号转换为数字数据并通过互联网进行传输的技术。JSSIP库利用了这些技术，为开发者提供了一个简单易用的接口，使他们能够快速构建出具备语音通话和视频通话功能的Web应用。

此外，JSSIP库还支持多种浏览器和设备，包括桌面浏览器、移动设备等。这使得开发者能够在不同的平台上实现一致的用户体验。同时，JSSIP库还具有良好的兼容性和扩展性，可以根据具体需求进行定制和优化。

（三）、SIP.js

SIP.js是一个专门用于JavaScript编程语言的库。这个库的主要功能是实现了Session Initiation Protocol（SIP），这是一种在网络通信中非常重要的协议。

SIP，全称是会话初始协议，是一种应用层控制协议。它主要用于建立、修改和终止包括语音、视频在内的多媒体会话。这种协议的出现，极大地方便了网络通信的发展，使得人们可以更加方便地进行语音和视频通话。

SIP.js作为一个JavaScript库，它的出现，为前端开发者提供了极大的便利。通过使用SIP.js，开发者可以在自己的网页或者应用中实现SIP协议，从而使得用户可以直接在网页或者应用中进行语音和视频通话，无需安装任何额外的软件或者插件。

二、操作步骤

1. 购买 ssl 证书，然后下载 apache 格式的证书，再将下载的证书中的“域名_public.crt、域名.key、域名_chain.crt”这三个文件依次放入到 wss.pem 文件中去。（腾讯的 ssl 证书有些不一样，放入 wss.pen 文件的腾讯证书的顺序是：域名.crt、域名.key、root_bundle.crt）
   切记：放入到 wss.pen 文件中是有格式要求的，格式如下：

—–BEGIN CERTIFICATE—–
—–END CERTIFICATE—–

—–BEGIN RSA PRIVATE KEY—–
—–END RSA PRIVATE KEY—–

—–BEGIN CERTIFICATE—–
—–END CERTIFICATE—–

2. 将 wss.pen 文件上传到 freeswitch 的存放证书的目录中。如果不知道 freeswitch 的存放证书的目录在哪里？可以在 freeswitch 控制台中输入命令获取到目录：global_getvar certs_dir，也可在 ssh 终端中输入命令：fs_cli -x "global_getvar certs_dir，同样可以获取到文件的存放目录。

freeswitch@MiWiFi-R3D-srv> global_getvar certs_dir
/ddt/fs/certs

[root@MiWiFi-R3D-srv ~]# fs_cli -x "global_getvar certs_dir"
/ddt/fs/certs

从以结果可以看出，存放证书的目录 为：/ddt/fs/certs。

3. 设置web端sip电话使用的IP和端口：
   在 CCAdmin -> sip -> internal (主要负责呼出的sip)中配置“wss-binding”为“服务器IP + “:” + webrtc端口号”，例：192.168.31.102:7564；也可以直接设置为：:7564 或 0.0.0.0:7564 。

4. 重启 sofia 模块。在 freeswitch 控制台中执行命令：reload mod_sofia，也可以在 ssh 终端中执行命令： fs_cli -x "reload mod_sofia"，或者在 CCAdmin -> 运维调试 界面SIP里面点一下restart。

5. 创建一个用在网页web端的账号。

6. 在进入网页web端注册账号之前，如果没有ssl证书，一定要在即将注册的浏览器访问：https://192.168.31.102:7564,如果不访问的话，后续的账号是无法注册成功的。其中“192.168.31.102”是服务器IP，“7564”是webrct端口，如果没有购买ssl证书，页面是提示你这是不安全连接；
   如果有购买证书的，在浏览器中访问：https://证书域名:7564，通常情况此时页面不会提示不安全连接，但如果提示了不安全连接，则需要检查 wss.pen 文件中的格式是否正确，是否重启了 sofia 模块。如果还是无法解决，可以联系顶顶通的工作人员。

7. 登录网站：https://www.doubango.org/sipml5/call.htm?svn=252 进行账号注册。按照图进行注册：

8. 回到Home页面，点击“LogIn”按钮后，页面上出现“Connected”的提示说明已经添加成功。然后再回到 CCAdmin -> 运维调试 中，如果有页面web端注册的账号的信息，才能说明页面web端上的账号已经注册成功了。

9. 最后一步，对网页web端的sip软电话进行“回音测试”，提示音过后对麦克风说话且能立马听到自己的声音。说明sip电话是正常的且没有延迟，能够进行通话。

---

总结

使用网页web端的sip软电话省去安装sip软电话软件以及实体的电话机的麻烦，而且顶顶通呼叫中心中间件的这些操作也不算太复杂，也算给用户带来了一定的便利。用户最烦的就是页面复杂以及铺天的广告。顶顶通呼叫中心中间件的网页web端sip软电话显然没有复杂的页面以及广告，且操作并不是很复杂。对于我来讲，还是能够接受的。