在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的程序。可以参考另外一篇文章

《使用openvidu 进行WebAPP开发环境部署（使用docker部署）》

根据上面的文章即可简单的部署好服务端的程序。

然后还需要把当前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进行视频会议了。