- Видео 27
- Просмотров 464 180
BiteSize Academy
США
Добавлен 28 мар 2019
Bite sized videos that teach you something practical that you can use right away. Mostly about lambda functions and react.
How to test and develop AWS lambda functions locally with nodejs?
⚡️ Blog post and source code: www.undefinedapps.com/post/test-develop-lambda-locally
In this video we build a nodejs lambda function while running and testing it locally.
The lambda function that gets arguments from query params, uses axios to download the html of a website, uses cherio to parse out the title of the page and then saves the html file to S3 and returns a json response back to the user.
We write local tests for the function using mocha and sinon (to create stubs).
The video also covers:
- creating and deploying lambda functions to AWS
- setting up an S3 bucket
- running the lambda function from a public url
- managing lambda releases
- setting up github actions to deploy to AWS on 'g...
In this video we build a nodejs lambda function while running and testing it locally.
The lambda function that gets arguments from query params, uses axios to download the html of a website, uses cherio to parse out the title of the page and then saves the html file to S3 and returns a json response back to the user.
We write local tests for the function using mocha and sinon (to create stubs).
The video also covers:
- creating and deploying lambda functions to AWS
- setting up an S3 bucket
- running the lambda function from a public url
- managing lambda releases
- setting up github actions to deploy to AWS on 'g...
Просмотров: 17 835
Видео
How to drag and resize in react using react-spring and use-gesture?
Просмотров 7 тыс.2 года назад
In this video we'll see how to build a video editing crop tool using reactjs and react-spring use-gesture. ⚡️ Source code and blog post: www.undefinedapps.com/post/drag-resize-react-spring-use-gesture First we build the UI using Mui, a React UI Library. Then, we add a react component which overlays on top of our video player element and lets the user make a selection by dragging and resizing a ...
How to bundle a nodejs lambda function? (using esbuild)
Просмотров 4,4 тыс.2 года назад
In this video we bundle a nodejs lambda function using lambda-build (powered by esbuild). ⚡️ Blog post and links: www.undefinedapps.com/post/bundle-nodejs-lambda-esbuild ⭐️ Subscribe for more content: newsletter.undefinedapps.com/ #AWS #Lambda #serverless
How to deploy a lambda function using versioning and aliases + API Gateway
Просмотров 8 тыс.3 года назад
In this video we create a lambda function (a random number generator) and use versions and aliases to manage the deployment of the lambda function. ⚡️ Blog post: www.undefinedapps.com/post/deploy-lambda-versioning-aliases-api-gateway - 0:00 Intro: what are versions (numeric and $LATEST) and aliases and what are they useful for? - 1:58 Iteration #1 - creating the lambda function, a new version, ...
How to build a chat using Lambda + WebSocket + API Gateway? (nodejs)
Просмотров 52 тыс.3 года назад
⚡️ Blog post and source code: 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 De...
How to drag and drop a div in react using hooks? (react-use-gesture + react-spring)
Просмотров 17 тыс.3 года назад
⚡️ Live demo and source code: www.undefinedapps.com/post/drag-drop-div-react-hooks In this video we look at how to drag and drop in react using the react-use-gesture and react-spring libraries. We take the introduction screen of create-react-app and add dragging to its components. We then add an overlay which can be dragged up and down to expose a background image behind it. We use the hooks: u...
How to pass a url query string or a route parameter to AWS Lambda from API Gateway?
Просмотров 13 тыс.3 года назад
⚡️ Blog post: www.undefinedapps.com/post/url-query-route-parameters-lambda-api-gateway In this video we integrate a lambda function with an API Gateway HTTP endpoint and define a proxy route to direct all incoming requests to our function. We then extract the path and the url query string parameters from the event object which is provided as an argument to the lambda function. ⭐️ Subscribe for ...
How to restrict access to a static S3 site using HTTP Basic Auth?
Просмотров 22 тыс.3 года назад
In this video we add basic auth to an s3 bucket containing a static website. ⚡️ Blog post: www.undefinedapps.com/post/restrict-access-s3-http-basic-auth This way, the browser will display an authentication dialog and require a username and password to get access to the static site. This will protect the files on our s3 bucket and limit access to them. We use a cloudfront distribution and a lamb...
How to animate mount and unmount of a react component? (react-spring)
Просмотров 68 тыс.3 года назад
⚡️ Blog post: www.undefinedapps.com/post/animate-mount-unmout-react-spring In this video we add animations to the mount and unmount events of a react component using the react-spring animation library and hooks, in a create-react-app project. ⭐️ Subscribe for more content: newsletter.undefinedapps.com/ #react #animate #javascript
How to deploy a lambda function using github actions?
Просмотров 31 тыс.3 года назад
⚡️ Blog Post: www.undefinedapps.com/post/deploy-lambda-github-actions In this video we deploy a lambda function using GitHub actions ⭐️ Subscribe for more content: newsletter.undefinedapps.com/ #lambda #aws #github
How to generate a time limited presigned S3 URL using the nodejs AWS SDK?
Просмотров 13 тыс.3 года назад
In this video we create a time limited signed url for an image store on S3, using nodejs. ⚡️ Blog post: www.undefinedapps.com/post/generate-time-limited-presigned-s3-url-aws-sdk Using S3 signed urls, we can limit access to S3 files only to users who has access to these urls. We can also limit the amount of time in which these users can access the files. We also see learn how to generate signed ...
How to connect AWS Lambda to a MySQL database to update it? (using RDS proxy)
Просмотров 33 тыс.3 года назад
⚡️ Blog post: www.undefinedapps.com/post/lambda-mysql-rds-proxy In this video we connect from a lambda function to an RDS database, first directly and then by using RDS proxy. ⭐️ Subscribe for more content: newsletter.undefinedapps.com/ #lambda #mysql #nodejs
How to use AWS Textract to extract plain text from an image or a document
Просмотров 5 тыс.4 года назад
⚡️ Blog: www.undefinedapps.com/ In this video we use AWS Textract to extract the text of an image Check out QR Menu Creator here: qrmenucreator.com/ Source code available here: github.com/BiteSizeAcademy/aws-textract-example ⭐️ Subscribe for more content: newsletter.undefinedapps.com/
How to use environment variables with a Lambda function? (and how to encrypt them with KMS)
Просмотров 17 тыс.4 года назад
AWS Lambda: How to store a secret to an external API? ⚡️ Blog post and source code: www.undefinedapps.com/post/env-variables-lambda-function-kms In this video we take a look at how secrets, private keys and passwords should be stored in a lambda function. First, we extract hardcoded secrets into environment variables, then we learn how to encrypt these variables using a key from KMS (Key Manage...
How to use ImageMagick with a Lambda function on AWS?
Просмотров 10 тыс.4 года назад
⚡️ Source code and blog post: www.undefinedapps.com/post/imagemagick-lambda ImageMagick is a popular open source utility to transform images. It used to be installed on the OS which lambda functions use, but was removed in the latest version. In this video we look at how to use ImageMagick in a lambda function using lambda layers. We look at an open source project which creates a layer for us t...
How to use layers with Lambda functions?
Просмотров 40 тыс.4 года назад
How to use layers with Lambda functions?
How to install npm modules in AWS Lambda?
Просмотров 56 тыс.4 года назад
How to install npm modules in AWS Lambda?
AWS Lambda intro - versions, aliases, concurrency, triggers, logs and monitoring
Просмотров 3,7 тыс.5 лет назад
AWS Lambda intro - versions, aliases, concurrency, triggers, logs and monitoring
Introduction to AWS IAM - policies, permissions, users, groups and roles
Просмотров 2 тыс.5 лет назад
Introduction to AWS IAM - policies, permissions, users, groups and roles
Setup ssl/https with an S3 bucket using AWS Cloudfront
Просмотров 10 тыс.5 лет назад
Setup ssl/https with an S3 bucket using AWS Cloudfront
Part 5 - monitoring our app using cloudwatch
Просмотров 4875 лет назад
Part 5 - monitoring our app using cloudwatch
Part 4 - uploading, deleting and listing files using the AWS s3 API
Просмотров 12 тыс.5 лет назад
Part 4 - uploading, deleting and listing files using the AWS s3 API
Part 3 - implementing a rest API using Lambda and API Gateway
Просмотров 1,4 тыс.5 лет назад
Part 3 - implementing a rest API using Lambda and API Gateway
Part 2 - building a backend for a file uploader app using AWS services
Просмотров 1,4 тыс.5 лет назад
Part 2 - building a backend for a file uploader app using AWS services
Part 1 - Build a file uploader backend using AWS Lambda, API Gateway, S3, Route53, IAM, Cloudwatch
Просмотров 2,2 тыс.5 лет назад
Part 1 - Build a file uploader backend using AWS Lambda, API Gateway, S3, Route53, IAM, Cloudwatch
Upload a file to an S3 bucket using the AWS SDK
Просмотров 14 тыс.5 лет назад
Upload a file to an S3 bucket using the AWS SDK
This video was just what I needed. Thanks!
Thank you! You have a clear voice too.
+1
could you provide the frontend code of the web chat app ??please help me
how did you open the terminal in 09:34??? please do help me
I want to know if it's possible to create a presigned URL with your script that has expiry for 1 year? Please suggest, Thanks a ton. YOur video was valuable.
@BiteSizeAcademy, during development on your local machine, require('/opt/utils') won't work. Would you just do require(process.env.NODE_ENV === 'production' ? '/opt/utils' : './utils') so that it automatically knows where to look for the utils folder?
Extremely good explanation. Thank you
Thank you so much bro ❤
I cant go further than the third step, seems like the next button isn't working. Do somebody has the same problem?
I have been searching for this video for two weeks, and finally I got it.
I found this really helpful. Allot of other examples out there make assumptions about your existing stack/configuration. This was easy to follow, informative and required little prior configuration. Keep up the great work!
you saved me 2 hours thank you
I owe you my life. thank you
Nice video!!!!
Saved my life! Thank you!
i am getting Unexpected server response: 502 when i run wscat(9:38 timeline in the video). how do i solve it?
Yea I'm too facing the same issues ! Can you please tell me what to do next? If you resolved..
Thank you, I really understood it
Great video, well explained for a beginner..
this is an amazing video. thank you!
Is there a way to see how much this will cost with aws price calculator?
Thank you for doing this. Are you able to add multiple authentication credentials for every viewer?
it seems that ui has changed now and there are more settings to do and permissions to add
great explanation ! 🎉
Excellent work! Thank you for creating this.
how to find lambda-npm file location
I am not getting response from web socket api Connected (press CTRL+C to quit) > {"action":"setName","name":"bob"} >
Did you find a solution to this?
Really I love it dud
Thanks so much for this video
thx very much i love it ❤❤
If anyone is trying this lately, I don't know if something changed in AWS, but I was getting bad gateway from the wscat connection. So I checked cloudwatch and it was giving me this error: Error: Cannot find module 'aws-sdk'". So I installed @aws-sdk/client-apigatewaymanagementapi directly and it fixed the issue. Usage: import { ApiGatewayManagementApiClient, PostToConnectionCommand, } from '@aws-sdk/client-apigatewaymanagementapi' const command = new PostToConnectionCommand({ ConnectionId: id, Data: Buffer.from(JSON.stringify(body)), }) return await client.send(command)
Can you further elaborate on this?
How do you handle error from the lambda fn. Error which can come from not connecting to db.
Awesome. Simple and easy to understand. Great job.
Great video mate! Clear and precise!
Great video mate!
Thanks! Its helpful :)
Where is the array variable "ids" initialized.
Thank you for this! I like that this doesn't use too many of the other github actions available, but gets straight to the point so we can understand the commands and building blocks of these steps, which will eventually allow us to fish even bigger. Dropped a like, thank you so much!
Thanks man it was helpful
excelente example using html.
Hi i m saranya. I have followed the steps you have expalined in the video. But still i was not login to the website it alsways asking for the credentials. How i can solve this??
Thank you for using typescript! Great video
thankyou for this video it help me alot , if someone looking to understand the basics of aws websocket just watch this video thanks once again
Excellent tutorial and very well explained in detail.
Great Video! It's now almost 2024. Would you do things differently now?
How do you prevent bot spam with this setup?
Why when i use npm i --save dependency1 dependency2 etc... node_modules has more dependencies than it installs
awesome
Awesome tutorial ALex!!Love from india
i have some problem with implementation can u help?
Really great video. What if we have multiple lambda functions, does each function need to have its own repository?