web video call 集成文档
http://docs-im.easemob.com/rtc/conference/web
启动步骤
-
git clone http://xxxxxx
-
npm install
-
npm start
-
npm run build:test 测试环境
-
npm run build:prod 生产环境
-
HTTPS=true npm start 使用 HTTPS 环境(共享桌面必须)
使用技术栈
-
create-react-app + antd + axios
-
拓展 webpack_config --> customize-cra react-app-rewired
-
add config-overrides.js ---> antd按需加载、使用less、配置antd 主题
-
打包设置环境变量 dotenv-cli 包 + .env.test(测试环境变量)/.env.production(生产环境变量)
环境相关
-
npm start 会使用 .env.development 文件 可自由配置 相应环境(开发、测试、生产)
-
npm run build:test 会使用 .env.test 文件内的环境变量 生成测试环境的包
-
npm run build:prod 会使用 .env.production 文件内的环境变量 生成生产环境的包
支持electorn load(web url)
- 已经实现 兼容electorn 的共享桌面
- electorn 使用教程 http://www.electronjs.org/
项目部署
- 将项目通过 travis ci 部署到服务器 教程[http://www.ruanyifeng.com/blog/2017/12/travis_ci_tutorial.html]
有两种不同的情况
- 项目依赖 npm库的SDK -- 直接打 tag,提交到 github
- 项目依赖 本地随时修改的 SDK --- 执行npm run build,生成build 文件, 再打 tag,提交到 github
- travis.sh 会区分有没有 build 文件夹
常见问题
-
npm start ---> TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined
检查 react-script 是否 >= 3.4.0