14 |
15 |
16 |
39 |
40 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # video-chat
2 | > Chat application with **1 to 1** and **many to many** video functionality using [VueJS](https://vuejs.org), [Vuex](https://vuex.vuejs.org), [WebRTC](https://webrtc.org/start/), [SocketIO](https://socket.io),NodeJS and [Redis](https://github.com/NodeRedis/node_redis)
3 |
4 | ## Quick start
5 | First of all, you need to install and run the redis in your PC. Here there is an [article](https://medium.com/@petehouston/install-and-config-redis-on-mac-os-x-via-homebrew-eb8df9a4f298) for Mac OS X. Once Redis is up and running:
6 |
7 | ```bash
8 | # Clone the repo
9 | git clone https://github.com/adrigardi90/video-chat
10 |
11 | # Change into the repo directory
12 | cd video-chat
13 |
14 | # install
15 | npm install
16 |
17 | # Start the FE in dev mode
18 | npm run serve
19 |
20 | # Start the server
21 | npm run run:server
22 |
23 | ```
24 | Then visit http://localhost:8080 in your browser
25 |
26 | ## Horizontal scaling
27 | To test out the horizontal scaling we'll create 3 different instances. Each one running a unique nodeJS process serving the FE and exposing the API
28 |
29 |
30 |
31 |
32 |
33 |
34 | ```bash
35 | # Build the images
36 | docker-compose -f docker-compose.yml build
37 |
38 | # Create and run the three instances
39 | docker-compose -f docker-compose.yml up
40 |
41 | ```
42 |
43 | The webapp will be exposed on http://localhost:3000, http://localhost:3001 and http://localhost:3002, each one with a different socket connection
44 |
45 |
--------------------------------------------------------------------------------
/server/routes/user.js:
--------------------------------------------------------------------------------
1 |
2 | const express = require('express');
3 | const userRouter = express.Router()
4 |
5 | const ChatRedis = require('../redis')
6 | const config = require('../config')
7 |
8 | // config.KEY: We just want to store the logged users (username has to be unique)
9 | // so we always use the same key to adapt it to our Redis implementation
10 |
11 | // Login
12 | userRouter.post('/login', (req, res) => {
13 | const newUser = req.body
14 | if (!newUser.username) return res.send({ code: 400, message: 'Data is required' })
15 | console.log(`Login user ${newUser.username}`)
16 |
17 | ChatRedis
18 | .getUser(newUser.username, config.KEY)
19 | .then(user => {
20 | if (!user) {
21 | ChatRedis.addUser(newUser.username, config.KEY, newUser)
22 | console.log(`User ${newUser.username} logged`)
23 | return res.send({ code: 200, message: 'Logged in succesfully' })
24 | }
25 |
26 | console.log(`User ${newUser.username} already exists`)
27 | return res.send({ code: 401, message: 'Username already exists' })
28 | })
29 | })
30 |
31 | // Logout
32 | userRouter.post('/logout', (req, res) => {
33 | const user = req.body
34 | console.log(`Logout user ${user.username}`)
35 |
36 | ChatRedis
37 | .delUser(user.username, config.KEY)
38 | .then(data => {
39 | if (!data)
40 | return res.send({ code: 400, message: 'User not found' })
41 |
42 | return res.send({ code: 200, message: 'Logged in succesfully' })
43 | })
44 | })
45 |
46 |
47 | module.exports = userRouter
--------------------------------------------------------------------------------
/src/components/ChatArea.vue:
--------------------------------------------------------------------------------
1 |
2 |
31 |