浏览器web页面利用sipml5（jssip,sipjs）拨打电话(mod_cti基于FreeSWITCH)-
前言文本重要介绍怎样在网页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协议，从而使得用户可以直接在网页大概应用中进行语音和视频通话，无需安装任何额外的软件大概插件。
二、操作步调
[*]购买 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—–
[*]将 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
# fs_cli -x "global_getvar certs_dir"
/ddt/fs/certs
从以结果可以看出，存放证书的目次 为：/ddt/fs/certs。
[*] 设置web端sip电话利用的IP和端口：
在 CCAdmin -> sip -> internal (重要负责呼出的sip)中配置“wss-binding”为“服务器IP + “:” + webrtc端口号”，例：192.168.31.102:7564；也可以直接设置为：:7564 或 0.0.0.0:7564 。https://i-blog.csdnimg.cn/blog_migrate/d6c1fa97a84f9fd2d956c9302cc99b13.png
[*] 重启 sofia 模块。在 freeswitch 控制台中执行命令：reload mod_sofia，也可以在 ssh 终端中执行命令： fs_cli -x "reload mod_sofia"，大概在 CCAdmin -> 运维调试 界面SIP里面点一下restart。
[*] 创建一个用在网页web端的账号。https://i-blog.csdnimg.cn/blog_migrate/b63df401b58b10d3a4d93e922b021194.png
[*] 在进入网页web端注册账号之前，假如没有ssl证书，肯定要在即将注册的浏览器访问：https://192.168.31.102:7564,假如不访问的话，后续的账号是无法注册成功的。此中“192.168.31.102”是服务器IP，“7564”是webrct端口，假如没有购买ssl证书，页面是提示你这是不安全连接；
假如有购买证书的，在浏览器中访问：https://证书域名:7564，通常环境此时页面不会提示不安全连接，但假如提示了不安全连接，则需要查抄 wss.pen 文件中的格式是否正确，是否重启了 sofia 模块。假如照旧无法解决，可以联系顶顶通的工作职员。https://i-blog.csdnimg.cn/blog_migrate/2efb1d789d25f0ba9b86f4c5257af2e7.png
[*] 登录网站：https://www.doubango.org/sipml5/call.htm?svn=252 进行账号注册。按照图进行注册：https://i-blog.csdnimg.cn/blog_migrate/c342ed0e1991dc6cdcfc699b2a37c343.jpeghttps://i-blog.csdnimg.cn/blog_migrate/c0a8ab4efa83804f50c57c1b94df3c52.jpeg
[*] 回到Home页面，点击“LogIn”按钮后，页面上出现“Connected”的提示说明已经添加成功。然后再回到 CCAdmin -> 运维调试 中，假如有页面web端注册的账号的信息，才华说明页面web端上的账号已经注册成功了。https://i-blog.csdnimg.cn/blog_migrate/ffa96799e973319ce234f66ae829b88d.png
[*] 最后一步，对网页web端的sip软电话进行“覆信测试”，提示音过后对麦克风语言且能立马听到本身的声音。说明sip电话是正常的且没有延迟，能够进行通话。
总结
利用网页web端的sip软电话省去安装sip软电话软件以及实体的电话机的麻烦，而且顶顶通呼叫中央中心件的这些操作也不算太复杂，也算给用户带来了肯定的便利。用户最烦的就是页面复杂以及铺天的广告。顶顶通呼叫中央中心件的网页web端sip软电话显然没有复杂的页面以及广告，且操作并不是很复杂。对于我来讲，照旧能够担当的。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]