设为首页收藏本站

AnyChat技术支持论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 11963|回复: 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/              
       在线生成CSR.png
2.输入相应的信息:
       输入信息CSR.png
3.保存相应的文件:
       保存csr1.png
   保存csr2.png
4.在线生成ssl证书, 在网上找一个可以免费试用的ssl文件,网址参考:https://www.chinassl.net/?f=free_ssl
       ssl文件链接.png
5.填写完相应的信息后,点击“结账”按钮。
       填写信息ssl保存.png
6.页面跳转成功后,点击”点此前往用户中心“:     
         用户中心.png
7.页面跳转成功后,点击“免费 SSL证书 - RapidSSL 免费试用”
         QQ图片20160414153416.png

8.页面跳转成功后,点击“进入SSL证书配置向导”
       ssl配置.png
9.页面跳转成功后,选择web发布的方式(在部署服务时,请保持和申请证书时选择发布时方式一致)
            web发布方式.png
10.将生成的CSR文件内容复制到文本框中:
          复制csr内容.png
11.点击“点此继续>>”按钮:
          完善内容.png    
12.选择域名管理员邮箱后,点击“点此继续>>”按钮
                选择域名邮箱.png
13.ssl证书配置完成,通过申请证书验证后保存好生成的ssl证书和CSR文件。
    配置完成.png
  注意:将生成的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服务器.png
注意:在启动html5 服务器前,如果不是在同一台机器,需要配置核心服务器地址:
       服务器配置.png
4)启动html5服务器。双击anychathtml5server.exe:
       启动服务.png
启动成功后,在计算机的右下角托盘区域将出现html5服务器的图标。
       服务图标.png
html5服务器启动后,会在当前的目录下生成日志文件:AnyChatHtml5Server.log,可用记事本打开, 通过日志可判断是否启动正常:
       日志.png

3. 客户端体验
3.1. 线下部署体验         
下载AnyChat for Web SDK(如使用的是旧版本web SDK,需下载新版本更新anychatSDK.js,并在页面中加载anychathtml5.min.js),并解压,如下图所示:
       js.png          
[size=16.0000pt]3.1.1. 部署网站
3.1.1.1. 发布示例程序  使用IIS或者Apache发布src\AnyChatWebDemo 网站。IIS发布如下:[size=12.0000pt]
[size=12.0000pt](一) 打开“管理工具”下的“Internet 信息服务(IIS)管理器”
       发布管理器.png
[size=12.0000pt](二)在网站中,点击鼠标右键“添加网站”
       添加网站.png [size=16.0000pt]
3.1.2.
使用示例程序
发布成功后,访问该网站(注意:建议使用Chrome浏览器47版本及以上访问,并用https服务),在登录界面中,输入账号,然后点击“设置”按钮,在“服务器”输入栏中输入正确的服务器IP地址,如下图:        
       页面.png
输入完成后点击登录按钮,将会跳转到房间界面:         
       房间界面.png       
选择进入房间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
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-3-29 07:30 , Processed in 0.199309 second(s), 26 queries .

Powered by Discuz! X3

© 2001-2013 Comsenz Inc.

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