How to build a chat using Lambda + WebSocket + API Gateway? (nodejs)
⚡️ Blog post and source code: https://www.undefinedapps.com/post/lambda-websocket-api-gateway-chat
In this video we build a real-time chat app (like slack) that uses websockets backed by an AWS lambda function and Amazon API Gateway. The app sends JSON over the websocket to deliver the chat messages and notifications in real time, over a two-way communication line, to all the users of the chat.
0:00 Demo and Description
0:34 Setting Up API Gateway
2:22 Creating the Lambda Function
4:12 Writing the Backend Code (javascript/nodejs)
9:15 Testing the WebSocket Using wscat
14:44 The Chat Client UI Overview (react+hooks)
17:47 Writing the Frontend Code (javascript/typescript)
23:54 Trying What We Built by Connecting to the Chat as 4 Different Users
The client is written in react (with hooks) and uses the WebSocket api that is available in all the modern browsers. The backend is serverless and uses API Gateway + AWS Lambda with javascript/nodejs.
⭐️ Subscribe for more content: https://newsletter.undefinedapps.com/
#WebSocket #Lambda #ApiGateway #javascript #nodejs
Видео How to build a chat using Lambda + WebSocket + API Gateway? (nodejs) канала BiteSize Academy
In this video we build a real-time chat app (like slack) that uses websockets backed by an AWS lambda function and Amazon API Gateway. The app sends JSON over the websocket to deliver the chat messages and notifications in real time, over a two-way communication line, to all the users of the chat.
0:00 Demo and Description
0:34 Setting Up API Gateway
2:22 Creating the Lambda Function
4:12 Writing the Backend Code (javascript/nodejs)
9:15 Testing the WebSocket Using wscat
14:44 The Chat Client UI Overview (react+hooks)
17:47 Writing the Frontend Code (javascript/typescript)
23:54 Trying What We Built by Connecting to the Chat as 4 Different Users
The client is written in react (with hooks) and uses the WebSocket api that is available in all the modern browsers. The backend is serverless and uses API Gateway + AWS Lambda with javascript/nodejs.
⭐️ Subscribe for more content: https://newsletter.undefinedapps.com/
#WebSocket #Lambda #ApiGateway #javascript #nodejs
Видео How to build a chat using Lambda + WebSocket + API Gateway? (nodejs) канала BiteSize Academy
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![How to build a ChatGPT cli tool using nodejs and react?](https://i.ytimg.com/vi/pOda6TDBqcY/default.jpg)
![How to test and develop AWS lambda functions locally with nodejs?](https://i.ytimg.com/vi/51EAwBDdgio/default.jpg)
![How to drag and resize in react using react-spring and use-gesture?](https://i.ytimg.com/vi/vDxZLN6FVqY/default.jpg)
![How to bundle a nodejs lambda function? (using esbuild)](https://i.ytimg.com/vi/FmnFqjBk0to/default.jpg)
![How to deploy a lambda function using versioning and aliases + API Gateway](https://i.ytimg.com/vi/OGMaE63YgEU/default.jpg)
![How to drag and drop a div in react using hooks? (react-use-gesture + react-spring)](https://i.ytimg.com/vi/FFUUhYhxh5Q/default.jpg)
![How to pass a url query string or a route parameter to AWS Lambda from API Gateway?](https://i.ytimg.com/vi/V3i25clEvSE/default.jpg)
![How to restrict access to a static S3 site using HTTP Basic Auth?](https://i.ytimg.com/vi/gc3w_bMtcQE/default.jpg)
![How to animate mount and unmount of a react component? (react-spring)](https://i.ytimg.com/vi/kT6yYSwK1oA/default.jpg)
![How to deploy a lambda function using github actions?](https://i.ytimg.com/vi/UQiRhKgQ5X0/default.jpg)
![How to generate a time limited presigned S3 URL using the nodejs AWS SDK?](https://i.ytimg.com/vi/UGwY2iT4F80/default.jpg)
![How to connect AWS Lambda to a MySQL database to update it? (using RDS proxy)](https://i.ytimg.com/vi/jOLgUjcTFEI/default.jpg)
![How to use AWS Textract to extract plain text from an image or a document](https://i.ytimg.com/vi/yzX6K_xOi-Q/default.jpg)
![How to use environment variables with a Lambda function? (and how to encrypt them with KMS)](https://i.ytimg.com/vi/J9QKS0NrH7I/default.jpg)
![How to use ImageMagick with a Lambda function on AWS?](https://i.ytimg.com/vi/JdJo-_Y1ZIM/default.jpg)
![How to use layers with Lambda functions?](https://i.ytimg.com/vi/i12H4cUFudU/default.jpg)
![How to install npm modules in AWS Lambda?](https://i.ytimg.com/vi/RnFowJ130pc/default.jpg)
![What is an AWS lambda function?](https://i.ytimg.com/vi/okEvGTKpWl8/default.jpg)
![AWS Lambda intro - versions, aliases, concurrency, triggers, logs and monitoring](https://i.ytimg.com/vi/BFvF2oAnNpY/default.jpg)
![Introduction to AWS IAM - policies, permissions, users, groups and roles](https://i.ytimg.com/vi/1LV_ZuUSQiw/default.jpg)