资讯专栏INFORMATION COLUMN

Jitsi开发环境配置

sf_wangchong / 3112人阅读

摘要:启动热编译开发工具,官方给出了三种方案官方个人觉得简单的方式是,进入项目根目录安装配置配置项解释默认是,因为只能在上运行,在虚拟机来回切换执行的话比较麻烦,所以直接配置虚拟机的内网。

启动热编译

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

个人觉得简单的方式是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(
  
    
  
);

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

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101016.html

相关文章

  • Jitsi快捷安装

    摘要:比如,的,如果安装的对不上,就会导致通信失败。配置,否则穿墙失败不能通信。 官方教程 quick-install 翻译教程(只能在ubuntu14.04以上版本运行) 安装步骤如下: 开放端口 ufw allow in ssh ufw allow in 80/tcp ufw allow in 443/tcp ufw allow in 10000:20000/udp ufw allo...

    Sike 评论0 收藏0
  • jitsi视频会议系统准备知识

    摘要:官方资料官网储备知识工具,推荐资料,使用方法,使用方法或基础,推荐资料如下,官方资料项目没用到,借鉴了的强类型,通过进行验证核心,强烈推荐,推荐资料和需要多理解,项目的核心思想,推荐资料的使用搭建前端视频聊天室信令篇使用搭建前端视频聊天室入 官方资料 官网git 储备知识 工具 Webpack,推荐资料webpack Babel,使用方法babel Flow,使用方法flow ...

    antz 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<