Jitsi开发环境配置

启动热编译

• 开发工具，官方给出了三种方案官方

  我的以为简单的方式是webpack-dev-server，进入jitsi项目根目录：

  • 安装

  npm install --save-dev webpack-dev-server

  • 配置

• 配置项解释：

host: 默认是localhost，由于jitsi只能在unbutu上运行，在虚拟机来回切换执行的话比较麻烦，因此直接配置虚拟机的内网ip。
port: 若是默认8080端口被占用，能够换空闲的。
contentBase: 是webpack热编译动态监听web目录。
proxy.target: jitsi默认是 https://beta.meet.jit.si，主要是后台的一些服务，若是本身有搭建prosody[xmpp]，jvb等，就能够改成本身的，以解决跨域等问题。
更多参数详解 移步

• 启动热编译

  在package.json里的scripts下添加

  "start": "webpack-dev-server --open"

  命令行进入项目根目录，执行

  npm start

利用工具追踪源代码

• 配置source map，在webpack.config.js的config里添加选项

  devtool: 'source-map',

配置redux插件

• 在/react/features/base/app/components/BaseApp.js引入dev相关组件

  import { persistState } from 'redux-devtools';
  import DevTools from './DevTools';

• 在/react/features/base/app/components/建立DevTools.js文件，源码以下：

  import React from 'react';
  import { createDevTools } from 'redux-devtools';
  import LogMonitor from 'redux-devtools-log-monitor';
  import DockMonitor from 'redux-devtools-dock-monitor';
  
  export default createDevTools(
    <DockMonitor toggleVisibilityKey='ctrl-h'
                 changePositionKey='ctrl-q'>
      <LogMonitor />
    </DockMonitor>
  );

• 在/react/features/base/app/components/BaseApp.js配置DevTools

• 在/react/features/base/app/components/BaseApp.js的render增长DevTools组件