Launching the Serverless Web Application - AWS Virtual Workshop

Learn how to build a complete serverless web application for a popular theme park called Innovator Island. The theme park is rolling out a mobile app that provides thousands of visitors with wait times, photo opportunities, notification alerts, and language translation for visitors who need it. In this session - the first of a five-part series - we'll cover the application scenario, the architecture, and include a brief introduction to each of the major AWS services used, like AWS Amplify Console, and the AWS Serverless Application Model. Practically, we'll cover how to set up your environment, deploy the backend, and learn how to deploy the front-end code automatically so you’re ready to set up real time messaging with customers in the next session.
Learning Objectives:
- Learning about important AWS services in serverless technology
- Deploying front-end with Amplify Console
- Deploying backend with the AWS Serverless Application Model (SAM)
To learn more about the services featured in this workshop, please visit:
aws.amazon.com...
github.com/aws... Subscribe to AWS Online Tech Talks On AWS:
www.youtube.co...
Follow Amazon Web Services:
Official Website: aws.amazon.com...
Twitch: / aws
Twitter: / awsdevelopers
Facebook: / amazonwebservices
Instagram: / amazonwebservices
☁️ AWS Online Tech Talks cover a wide range of topics and expertise levels through technical deep dives, demos, customer examples, and live Q&A with AWS experts. Builders can choose from bite-sized 15-minute sessions, insightful fireside chats, immersive virtual workshops, interactive office hours, or watch on-demand tech talks at your own pace. Join us to fuel your learning journey with AWS.
#AWS

[@emersonsmithperu]

More workshop complete professional aws amplify, reactjs, graphql and aws S3 please

[@VincentFulco]

Multi-tenant design (superuser, clients, clients employees, third parties) please!

[@JamesBeswickD]

Thanks Vincent - I'll look at building some examples that address these topics.

[@amandubey363]

show your screen big man. your face in bottom corners will be enough.

[@VincentFulco]

awesome idea, thank you all

[@saravananv9305]

Really Fantastic design and liked very much.Looking for more like this workshop

[@JamesBeswickD]

Thanks Saravanan - it's great to hear you found it helpful!

[@arbineryan3555]

Pretty cool!

[@steveb7600]

Hi James, Is the IoT publish function in the lambda function "theme-park-ridetimes" publishing the message to IoT.vue file on the front-end? Im trying to use lambda asynchronously to send data to a static web page on s3 as I don't believe websockets is an option on a static s3 web hos,t and id rather not synchronously poll for incoming data.

[@JamesBeswickD]

Hi Steve, the Lambda function publishes to the IoT Core service. The IoT.vue file on the front-end subscribes to the service. You can use JavaScript on a static HTML page (or use a single-page application framework like Vue) to set up this subscription and manage the realtime notifications.

[@steveb7600]

​@@JamesBeswickD ​ Thanks for your thoughtful response James, I was able to get my project working using Webpack on the aws-iot-device-sdk-js to "browserfy" a WS/MQTT web application on s3. However, I think we can both agree, this is far from an optimal solution. I think a better solution would involve having the ability in lambda, via the aws-sdk/Boto3 , to add a websocket object so that the user can use an asynchronous socket for their event object to set up duplex communication between lambda and their s3 website directly. Currently I don't believe there is a solution for this other then the workaround you have expertly used here.

[@JamesBeswickD]

@@steveb7600 You have the option of using API Gateway WebSockets which can work for notifications that don't require fan-out. This IoT Core solution is designed for web-apps where you may have multiple topics for different audiences, and it support pub/sub fanout. I'll provide your feedback to the serverless teams here at AWS.

[@chatchaikomrangded960]

Nice!