무료 화상회의 Jitsi Meet 개발환경 구축(3) - 웹 서비스 구동

무료 화상회의 Jitsi Meet 개발환경 구축(3) - 웹 서비스 구동

 

• Terminal 변경
  명령어 실행을 편하게 하기 위해 Git Bash로 터미널을 변경하여준다. 'Select Default Profile'을 클릭하여 기본 터미널로도 지정이 가능하다.

Git Bash Terminal

 

• npm install
  package.json에 포함된 의존성 패키지를 설치한다.

$ npm install

npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.

> jitsi-meet@0.0.0 postinstall
> patch-package --error-on-fail && jetify

patch-package 6.4.7
Applying patches...
@giphy/js-analytics@4.0.7 ✔
@giphy/js-brand@2.0.4 ✔
eslint-plugin-flowtype@8.0.3 ✔
react-native@0.68.1 ✔
react-native-gesture-handler@2.1.0 ✔
Jetifier found 1311 file(s) to forward-jetify. Using 6 workers...

changed 1 package, and audited 1765 packages in 40s

node_modules 디렉토리에 설치된 패키지 목록

 

• npm install 중 unable to verify the firtst certificate 관련 에러 발생 시 참고

[Jistsi Meet] npm install 시 에러 unable to verify the first certificate

 

• makefile에 기술된 Shell 명령어 실행

$ mingw32-make dev

rm -fr libs
mkdir -p libs
./node_modules/.bin/sass css/main.scss css/all.bundle.css && \
./node_modules/.bin/cleancss --skip-rebase css/all.bundle.css > css/all.css && \
rm css/all.bundle.css
cp \
        node_modules/@jitsi/rnnoise-wasm/dist/rnnoise.wasm \
        libs
cp \
        react/features/stream-effects/virtual-background/vendor/tflite/*.wasm \
        libs
cp \
        react/features/stream-effects/virtual-background/vendor/models/*.tflite \
        libs
cp \
        node_modules/lib-jitsi-meet/dist/umd/lib-jitsi-meet.min.js \
        node_modules/lib-jitsi-meet/dist/umd/lib-jitsi-meet.min.map \
        node_modules/lib-jitsi-meet/dist/umd/lib-jitsi-meet.e2ee-worker.js \
        node_modules/lib-jitsi-meet/connection_optimization/external_connect.js \
        node_modules/lib-jitsi-meet/modules/browser/capabilities.json \
        libs
cp \
        node_modules/@matrix-org/olm/olm.wasm \
        libs
cp \
        node_modules/@tensorflow/tfjs-backend-wasm/dist//*.wasm \
        libs
cp \
        node_modules/@vladmandic/human-models/models/blazeface-front.bin \
        node_modules/@vladmandic/human-models/models/blazeface-front.json \
        node_modules/@vladmandic/human-models/models/emotion.bin \
        node_modules/@vladmandic/human-models/models/emotion.json \
        libs
./node_modules/.bin/webpack serve --mode development
'.'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는
배치 파일이 아닙니다.
Makefile:112: recipe for target 'dev' failed
mingw32-make: *** [dev] Error 1

마지막의 ./node_modules/.bin/webpack serve --mode development는 직접 실행해야 한다. make에서 자동 실행이 안되었다. 쉘 스크립트는 정상적으로 실행이 되었으니 걱정하지 않아도 된다.  

생성된 libs 디렉토리와 파일

 

• 웹 서비스 구동

$ ./node_modules/.bin/webpack serve --mode development

<i> [webpack-dev-server] SSL certificate: C:\jitsi-meet\node_modules\.cache\webpack-dev-server\server.pem
<i> [webpack-dev-server] [HPM] Proxy created: /  -> https://alpha.jitsi.net
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: https://127.0.0.1:8080/
<i> [webpack-dev-server] Content not from webpack is served from 'C:\jitsi-meet' directory
[BABEL] Note: The code generator has deoptimised the styling of C:\jitsi-meet\node_modules\react-dom\cjs\react-dom.development.js as it exceeds the max of 500KB.
[BABEL] Note: The code generator has deoptimised the styling of C:\jitsi-meet\node_modules\react-dom\cjs\react-dom.development.js as it exceeds the max of 500KB.

...

webpack 5.57.1 compiled successfully in 209485 ms

https://localhost:8080

Jitsi Meet 프로젝트의 웹 서비스 구동까지 마쳤다. 다음 시간에서는 Makefile의 ./ 명령어를 수정하여 mingw32-make dev 명령어 실행 시 발생했던 오류 ('.'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.)에 대응하여 보자.

 

이전글 : 무료 화상회의 Jitsi Meet 개발환경 구축(2) - 소스코드 내려받기

무료 화상회의 솔루션 Jitsi Meet 개발환경 구축하기(2)

다음글 : 무료 화상회의 Jitsi Meet 개발환경 구축(4) - 윈도우 환경을 위한 makefile의 수정

무료 화상회의 Jitsi Meet 개발환경 구축(4) - 윈도우 환경을 위한 makefile의 수정