Peerjs: ./node_modules/peerjs/dist/peerjs.min.js의 κ²½κ³  μ€‘μš”ν•œ 쒅속성: 쒅속성 μš”μ²­μ€ ν‘œν˜„μ‹μž…λ‹ˆλ‹€.

에 λ§Œλ“  2020λ…„ 03μ›” 02일  Β·  9μ½”λ©˜νŠΈ  Β·  좜처: peers/peerjs

λ‚΄ ν…ŒμŠ€νŠΈ 앱은 λ‹€μŒ κ²½κ³ κ°€ ν‘œμ‹œλ˜λŠ” 것을 μ œμ™Έν•˜κ³ λŠ” 잘 컴파일되고 μžˆμŠ΅λ‹ˆλ‹€.
"μ€‘μš”ν•œ 쒅속성: 쒅속성 μš”μ²­μ€ ν‘œν˜„μ‹μž…λ‹ˆλ‹€."

(base) marco<strong i="7">@pc01</strong>:~/webMatters/vueMatters/PeerJS-VueJS-Test$ npm run serve

> [email protected] serve /home/marco/webMatters/vueMatters/PeerJS-VueJS-Test
> vue-cli-service serve

 INFO  Starting development server...
98% after emitting CopyPlugin

WARNING  Compiled with 1 warnings                                                                                                             
7:22:25 PM

warning  in ./node_modules/peerjs/dist/peerjs.min.js

Critical dependency: the request of a dependency is an expression


  App running at:
  - Local:   http://localhost:8080 
  - Network: http://ggc.world/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

이것은 webpack.config.jsμž…λ‹ˆλ‹€.

{
    "mode": "development",
    "output": {
        "path": __dirname+'/static',
        "filename": "[name].[chunkhash:8].js"
    },
    "module": {
        "rules": [
            {
                "test": /\.vue$/,
                "exclude": /node_modules/,
                "use": "vue-loader"
            },
            {
                "test": /\.pem$/,
                "use": "file-loader"
            }
        ]
    },
    node: {
        __dirname: false,
        __filename: false
    },
    resolve: {
        extension: ['*', '.pem'],
    },
    devServer: {
        watchOptions: {
            aggregateTimeout: 300,
            poll: 1000
        },
        https: true,
        compress: true,
        public: 'ggc.world:8080'
    }
}

ν•΄κ²° 방법에 λŒ€ν•œ 아이디어가 μžˆμŠ΅λ‹ˆκΉŒ?

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

peerjs와 ν•¨κ»˜ create-react-app을 μ‚¬μš©ν•  λ•Œλ„ 이 λ¬Έμ œκ°€ λ°œμƒν•©λ‹ˆλ‹€.

λͺ¨λ“  9 λŒ“κΈ€

peerjs와 ν•¨κ»˜ create-react-app을 μ‚¬μš©ν•  λ•Œλ„ 이 λ¬Έμ œκ°€ λ°œμƒν•©λ‹ˆλ‹€.

peerjs v0.3.18 및 μ΅œμ‹  λ²„μ „μ—μ„œλ„ 이 λ¬Έμ œκ°€ λ°œμƒν•©λ‹ˆλ‹€.

"λ°˜μ‘": "^16.13.1"
"λ°˜μ‘ 슀크립트": "3.4.1"

λ‹€μŒμ„ μ‚¬μš©ν•  λ•Œλ„ 이 λ¬Έμ œκ°€ λ°œμƒν•©λ‹ˆλ‹€.

{
    "peerjs": "^1.3.1",
    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.12"
}

λ‹€μŒμ„ μ‚¬μš©ν•  λ•Œλ„ 이 λ¬Έμ œκ°€ λ°œμƒν•©λ‹ˆλ‹€.

{
    "peerjs": "^1.3.1",
    "webpack": "^4.43.0",
    "webpack-cli": "^3.3.12"
}

λ‚΄κ°€ 틀릴 μˆ˜λ„ μžˆμ§€λ§Œ webpack-cliλ₯Ό ν”„λ‘œμ νŠΈμ˜ 일뢀가 μ•„λ‹Œ μ „μ—­μ μœΌλ‘œ μ„€μΉ˜ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€.

@jextrevor

λ‚΄κ°€ 틀릴 μˆ˜λ„ μžˆμ§€λ§Œ webpack-cliλ₯Ό ν”„λ‘œμ νŠΈμ˜ 일뢀가 μ•„λ‹Œ μ „μ—­μ μœΌλ‘œ μ„€μΉ˜ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€.

κ°μ‚¬ν•©λ‹ˆλ‹€!

peerjs와 ν•¨κ»˜ create-react-app을 μ‚¬μš©ν•  λ•Œλ„ 이 λ¬Έμ œκ°€ λ°œμƒν•©λ‹ˆλ‹€.

create-react-app μ—μ„œ λ™μΌν•œ κ²½κ³ κ°€ ν‘œμ‹œλ©λ‹ˆλ‹€. μ—…λ°μ΄νŠΈκ°€ μžˆμŠ΅λ‹ˆκΉŒ?

μ–΄λ–€ 이유둜 peer.call(userId, selfStream); κ°€ μ •μ˜λ˜μ§€ μ•ŠμŒμœΌλ‘œ ν‘œμ‹œλ©λ‹ˆλ‹€.
μ €λ₯Ό λ„μ™€μ£Όμ„Έμš” - μ‹ μ²­μ„œκ°€ μ—¬κΈ° μžˆμŠ΅λ‹ˆλ‹€ . 방을 λ§Œλ“€κ³  μ£Όμ†Œ ν‘œμ‹œμ€„μ— 회의 URL을 λ³΅μ‚¬ν•˜μ—¬ λΆ™μ—¬λ„£μ–΄ μ‚¬λžŒμ— μ°Έμ—¬ν•΄ λ³΄μ„Έμš”. 그러면 μ½˜μ†”μ— 였λ₯˜κ°€ ν‘œμ‹œλ©λ‹ˆλ‹€.

μ—¬κΈ°μ—μ„œ μ—¬μ „νžˆμ΄ λ¬Έμ œκ°€ λ°œμƒν•©λ‹ˆλ‹€.

λ‚˜λ„μ΄ λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€ : μž κ²¨μžˆλŠ” :

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰