设为首页收藏本站

AnyChat技术支持论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 13178|回复: 0
打印 上一主题 下一主题

HTML5服务部署说明(含证书生成)

[复制链接]

2

主题

77

帖子

482

积分

中级会员

Rank: 3Rank: 3

积分
482
跳转到指定楼层
楼主
发表于 2016-4-15 16:23:35 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 佰锐科技-陈伟 于 2016-6-13 15:25 编辑

1. 如何申请证书
1.1. 登录证书网站
1.在线生成CSR文件,参考:https://www.chinassl.net/ssltools/              
      
2.输入相应的信息:
      
3.保存相应的文件:
      

  

4.在线生成ssl证书, 在网上找一个可以免费试用的ssl文件,网址参考:https://www.chinassl.net/?f=free_ssl
      

5.填写完相应的信息后,点击“结账”按钮。
      

6.页面跳转成功后,点击”点此前往用户中心“:     
        

7.页面跳转成功后,点击“免费 SSL证书 - RapidSSL 免费试用”
        

8.页面跳转成功后,点击“进入SSL证书配置向导”
      

9.页面跳转成功后,选择web发布的方式(在部署服务时,请保持和申请证书时选择发布时方式一致)
           

10.将生成的CSR文件内容复制到文本框中:
         

11.点击“点此继续>>”按钮:
         
   
12.选择域名管理员邮箱后,点击“点此继续>>”按钮
               

13.ssl证书配置完成,通过申请证书验证后保存好生成的ssl证书和CSR文件。
   
  注意:将生成的ssl证书重命名为“server.crt”,CSRkey.txt重命名为“server.key”。

2. html5服务器部署
1)下载AnyChat for Windows SDK,部署视频服务器,参考http://bbs.anychat.cn/forum.php?mod=viewthread&tid=8&extra=page%3D1;2)下载anychathtml5server,并解压;3)进入anychathtml5server目录,将生成的server.crt、server.key两个文件放入anychathtml5server目录下:
        

注意:在启动html5 服务器前,如果不是在同一台机器,需要配置核心服务器地址:
      

4)启动html5服务器。双击anychathtml5server.exe:
      
启动成功后,在计算机的右下角托盘区域将出现html5服务器的图标。
      
html5服务器启动后,会在当前的目录下生成日志文件:AnyChatHtml5Server.log,可用记事本打开, 通过日志可判断是否启动正常:
      


3. 客户端体验
3.1. 线下部署体验         
下载AnyChat for Web SDK(如使用的是旧版本web SDK,需下载新版本更新anychatSDK.js,并在页面中加载anychathtml5.min.js),并解压,如下图所示:
      
         
[size=16.0000pt]3.1.1. 部署网站
3.1.1.1. 发布示例程序  使用IIS或者Apache发布src\AnyChatWebDemo 网站。IIS发布如下:[size=12.0000pt]
[size=12.0000pt](一) 打开“管理工具”下的“Internet 信息服务(IIS)管理器”
      

[size=12.0000pt](二)在网站中,点击鼠标右键“添加网站”
      
[size=16.0000pt]
3.1.2.
使用示例程序
发布成功后,访问该网站(注意:建议使用Chrome浏览器47版本及以上访问,并用https服务),在登录界面中,输入账号,然后点击“设置”按钮,在“服务器”输入栏中输入正确的服务器IP地址,如下图:        
      

输入完成后点击登录按钮,将会跳转到房间界面:         
      
      
选择进入房间1,进入后会提示是否允许打开摄像头,允许后便可以进行视频通话。   
      
3.2. 客户端体验-在线体验
     Chrome47(包含47)以上的版本,请访问https://h5.anychat.cn进行体验,47版本以下的用户,也可访问http://www.anychat.cn/web/item/AnyChatWebDemo进行体验。


4. html5版本兼容性
     PC
端:   
               IE浏览器,QQ浏览器都不支持;   
              Chrome浏览器从31版本后都支持;
              搜狗浏览器从4.1版本后就都支持;  
              360浏览器从7.1版本后都支持;  
             百度浏览器从6.5版本以后都支持;
             Firefox浏览器从42版本后都支持

移动端(iOS暂不支持):  
             Chrome浏览器从31版本后都支持;   
             Firefox浏览器从42版本后都支持
   

               



















摄像头.png (299.79 KB, 下载次数: 3489)

摄像头.png
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|AnyChat ( 粤ICP备13022410号-1 )  

GMT+8, 2024-11-24 12:24 , Processed in 0.156027 second(s), 26 queries .

Powered by Discuz! X3

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表