![6. Click on the orange "Create Function" button.
7. You should see a green box at the top of your screen with
the following message "Successfully created the function."
8. Replace the code under "Function Code" with the following:
# import the JSON utility package since we will be working
with a JSON object import json
# define the handler function that the Lambda service will
use an entry point
def lambda_handler(event, context): # extract values from
the event object we got from the Lambda service
name = event['firstName'] +' '+ event['lastName']
# return a properly formatted JSON object
return { 'statusCode': 200, 'body': json.dumps('Hello from
Lambda, ' + name)](https://image.slidesharecdn.com/unit-4-2-250122060345-055f184b/85/Amazon-Web-Services-AWS-that-enables-developers-to-build-applications-with-cloud-services-on-web-or-mobile-platforms-AWS-Amplify-aims-to-both-enable-apps-to-scale-via-cloud-services-and-accelerate-them-to-production-17-320.jpg)
Ad
More Related Content
Similar to Amazon Web Services (AWS) that enables developers to build applications with cloud services on web or mobile platforms. AWS Amplify aims to both enable apps to scale via cloud services and accelerate them to production (18)
Recently uploaded (20)
Ad
Amazon Web Services (AWS) that enables developers to build applications with cloud services on web or mobile platforms. AWS Amplify aims to both enable apps to scale via cloud services and accelerate them to production
- 1. Fundamentals Treatment of Web Application Frameworks
- 2. • Web app Architecture, also known as web app map, is the framework that provides relationship and interaction together between user and server. In a nutshell, the process flow usually begins with the user looking for a URL, after which the browser initiates a search. • The network delivers data from the server to the browser as a result of the search, and the browser shows the page that was requested. • Modern web app architecture, to put it simply, consists of multiple components and external apps.
- 4. Features of Web Application Architecture 1- Scalability – The horizontal scaling of web apps is another factor that is counted in the architecture. It includes several servers and regions in order to manage the potential traffic or any sort of fluctuations. As a result, strategies for cloud migration services are becoming a major focus in terms of bandwidth proportion. 2- Security – The vulnerability of a web app is not a hidden fact and hence it makes security even more important. Not only this, malicious code manipulation is the biggest concern in terms of facing cyber security. It is vital to protect the app to keep the data secure as per the Government laws.
- 5. • Create a web app • Connect the web app to a serverless back-end • Add interactivity to your web app with an API and a database THE THREE MAJOR STEPS IN CREATING WEB APPLICATION IN AWS ARE: BUILDING WEB APPLICATIONS IN AWS
- 6. AWS Amplify is an open source JavaScript library provided by Amazon Web Services (AWS) that enables developers to build applications with cloud services on web or mobile platforms. AWS Amplify aims to both enable apps to scale via cloud services and accelerate them to production. Amazon API Gateway is an Amazon Web Services (AWS) feature that enables developers to connect non-AWS applications to AWS back-end resources, such as servers and code. The gateway increases AWS customers' access to compatible applications and the overall utility of Amazon's other cloud services. An AWS user creates, manages and maintains APIs within the Amazon API Gateway.
- 7. AWS Lambda lets you run code without provisioning or managing servers. You pay only for the compute time you consume - there is no charge when your code is not running. With Lambda, you can run code for virtually any type of application or backend service - all with zero administration. Amazon DynamoDB is a fully managed NoSQL database service that provides fast and predictable performance with seamless scalability. DynamoDB also offers encryption at rest, which eliminates the operational burden and complexity involved in protecting sensitive data. DynamoDB uses hashing and B-trees to manage data.
- 8. Create a webapp with amplify console(editor in aws) 1.Open your favorite text editor on your computer. Create a new file and paste the following HTML in it: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello World</title> </head> <body> Hello World </body> </html>
- 9. 2. Save the file as index.html. 3. ZIP (compress) only the HTML file. 4. In a new browser window, log into the Amplify Console. 5. Under Host Your Web App click the orange "Get Started" button. 6. Select Deploy without Git provider. This is what you should see on the screenGitHub is a code hosting platform for collaboration and version control. GitHub lets you (and others) work together on projects.)
- 12. Test your web app • 1. Click on Domain Management in the left side menu. • 2. Copy and paste the URL displayed in the form into your browser. • 3. Your web app will load in a new browser tab and render "Hello World." Congratulations!
- 13. • No we write a small piece of code, in Python, JavaScript, or Java, to be used in a later module to add interactivity to your web page. • You will use the AWS Lambda service, a compute service that allows us to create server less functions. (A "server less function" eliminates the need for software and hardware management by the developer. Instead, applications are broken up into individual functions that can be invoked and scaled individually.) • These server less functions are triggered based on a specific event you will define in the code. • It is also a very affordable service, since you are only charged for the number of events you process, not the idle time. • Best of all, you do not have to worry about managing any servers!
- 14. • Server-less function: It is a Piece of code that will be executed by a compute service, on- demand. • Lambda Trigger : The type of event that will make a Lambda (server-less) function run. This can be another AWS service or an external input.
- 15. • In a new browser tab, log into the AWS Lambda Console. • You can see this at the very top of the page, next to your account name. • Click on the orange "Create Function" button. • Under "Function Name" type in HelloWorldFunction. • Select Python 3.8 from the runtime drop-down.
- 17. 6. Click on the orange "Create Function" button. 7. You should see a green box at the top of your screen with the following message "Successfully created the function." 8. Replace the code under "Function Code" with the following: # import the JSON utility package since we will be working with a JSON object import json # define the handler function that the Lambda service will use an entry point def lambda_handler(event, context): # extract values from the event object we got from the Lambda service name = event['firstName'] +' '+ event['lastName'] # return a properly formatted JSON object return { 'statusCode': 200, 'body': json.dumps('Hello from Lambda, ' + name)
- 18. 9. Click the orange "Save" button at the top of your screen. 10. Let's test our new function. Click on "Select a test event" at the top of your screen. 11. From that drop-down menu click on "Configure test events." 12. Under "Event Name" type HelloWorldTestEvent. 13. Copy and paste the following JSON object to replace the default one: { "firstName": "Ada", "lastName": “Bob" } 14. Click the orange "Create" button a the bottom of the page. (JSON stands for Javascript Object Notation. JSON is a
- 19. Final Steps • Link server-less function to webapp • Add interactive function to web app.