在windows下进行Openvidu webAPP开发
在windows下进行Openvidu webAPP开发
@(Openvidu)[web,IDE]
概述
Openvidu视频会议包括KMS(媒体服务)、Openvidu-server(会议服务)、WebAPP(Web网站)。
而一般的业务应用都只是需要进行WebApp开发即可。官方文档上介绍的为linux下的开发使用的过程。下面将介绍如果在windows下使用IDE进行开发调试。
配置过程
示例IDE使用为IntelliJ IDEA 2017.3.2
App源码使用的是Openvidu官方源码openvidu-tutorials库中的openvidu-js-java
1. 下载JDK
下载JDK的win版本。并安装。记下安装目录。
1. 安装配置IntelliJ IDEA
去官网下载IntelliJ IDEA。可直接下载收费版,功能完善,方便使用。网上有很多注册服务器。随便搜一下。按照说明在IDEA中填写一**册服务器。即可完成注册。
下载完成按步骤进行安装即可。
2. 导入源码
打开idea并创建一个新工程 file –> new –> project from exist sourcecode
下一步,选择源码所在目录。
这里选择Maven
一路下一步。不需要修改什么设置。
到这一步这里,如果下面没有配置JDK,则需要点 + 号。添加刚才安装的JDK目录。
剩下的继续按默认配置即可。随后IDEA会自动去下载相关依赖的包还有工具。
3. 运行代码
下载Openvidu官方示例源码并切换分支到v1.1.0。
git clone https://github.com/OpenVidu/openvidu-tutorials.git
cd openvidu-tutorials && git checkout v1.1.0
4. 运行 WebAPP
等代码加载完成后。可直接点右上角的run,或者debug 按钮进行运行代码。
运行起来后。浏览器输入https://127.0.0.1:5000/ 即可看到web的界面了。
但是,现在进行登录并创建视频会议Session的动作是会失败。因为默认连接的服务器地址是localhost。
而当前本机是并没有Openvidu Server端程序。
需要简单的建立起Openvidu Server的程序。可以参考另外一篇文章
根据上面的文章即可简单的部署好服务端的程序。
然后还需要把当前webAPP所连接的Openvidu Server修改为刚部署好的服务器地址。
方法为:
点击右上角的。有个App的按钮,然后选Edit Configuration,进行一下运行配置。
在打开的配置界面中。在Override parameter中点 + 。新加一组参数值
name=openvidu.url
value=https://192.168.191.128:8443/ (其中的IP为部署Openvidu Server的主机IP)
保存。然后stop后再run起来。就可以正常的连接到Openvidu进行视频会议了。