Introduction to Serverless Computing and AWS Lambda

Fon Nkwenti

Sr. Serverless Developer�Serverless Guru

Agenda

1. Intro to Flutter and AWS Amplify
2. Set up AWS Amplify with a Flutter App
3. Implement Secure Authentication
4. Create and Deploy APIs
5. Enable File Storage and Management
6. Deploying backend to production

Name: Yunwen Eric

Company: Neero CM

Role: Mobile Developer

Communities: AWS User Group Douala 🇨🇲,GDG Bamenda

About Me

© 2020, PMazon Web Services, Inc. or its affiliates. All rights reserved.

1.0

Introduction to Flutter and Amplify

© 2020, PMazon Web Services, Inc. or its affiliates. All rights reserved.

Flutter is an open-source UI toolkit by Google for building natively compiled apps for mobile, web, and desktop from a single codebase. It uses the Dart programming language.

What is a Flutter?

A backend solution where infrastructure management is abstracted away, allowing developers to focus on code.

​

About Serverless

Serverless VS traditional architecture.

2.0

Set up AWS Amplify with a Flutter App

© 2020, PMazon Web Services, Inc. or its affiliates. All rights reserved.

Prerequisite

• Node.js v18.17 or later
• npm v9 or later
• git v2.14.1 or later
• You will also need to create an AWS Account. Note that AWS Amplify is part of the AWS Free Tier.
• Configure your AWS account to use with Amplify instructions.
• A stable version of Flutter.

Getting Started

Backend generated in tsc

Platform setup and constraints

https://docs.amplify.aws/flutter/start/platform-setup/#android

Local Development setup with sandboxes

• https://docs.amplify.aws/flutter/start/account-setup/
• https://docs.amplify.aws/flutter/deploy-and-host/sandbox-environments/setup/
• https://us-east-1.console.aws.amazon.com/amplify/apps/sandboxes

Break☕️

© 2020, PMazon Web Services, Inc. or its affiliates. All rights reserved.

3.0

Implement Secure Authentication

© 2020, PMazon Web Services, Inc. or its affiliates. All rights reserved.

Key Concepts of Authentication & Authorization

• Authentication (AuthN): Validates who you are and can be Managed by an Identity Provider (IdP) like Google, Apple, or Amazon.
• Authorization (AuthZ): Validates what you can access and is done via tokens, custom logic, or signed requests.

Amazon Cognito + Amplify Integration

​

• User Pools: Manages user authentication and account recovery.
• Identity Pools: Authorizes access to AWS services.
• Interfaces with Cognito for authentication and AWS resource authorization.
• Supports external IdPs (e.g., Google, Facebook).
• Authorization (AuthZ): Validates what you can access and is done via tokens, custom logic, or signed requests.

Amazon Cognito + Amplify Integration

​

Amazon Cognito

Amazon Cognito Federated Identities or Identity Pools

Amazon Cognito User Pools

Amazon Cognito user pools

​

Amazon Cognito User Pools is a full-featured user directory service to handle user registration, authentication, and account recovery

Documentation

https://docs.aws.amazon.com/cognito/latest/developerguide/cognito-identity.html

Amazon Cognito Federated Identities or Identity Pools

​

• Temporary Credentials: Identity pools provide AWS credentials for guest and signed-in users with configurable permissions.
• Multiple Providers: Supports OAuth (Google, Apple), SAML/OIDC, and custom authentication.
• Granular Access: Enables fine-tuned access control with IAM policies and session tags.

Documentation

https://docs.aws.amazon.com/cognito/latest/developerguide/cognito-identity.html

DEMO #1

https://docs.amplify.aws/flutter/build-a-backend/auth/set-up-auth/

Before you build

Amazon Cognito can be customized based on your security strategy for authentication. However, some initial configuration options cannot be changed after the backend resources are configured:

​

Find Rules Here

https://docs.amplify.aws/flutter/build-a-backend/auth/concepts/#before-you-build

EMAIL AUTH

https://docs.amplify.aws/flutter/build-a-backend/auth/concepts/email/

Email Auth Backend Setup

Deploy Sandbox

Flutter Dependencies

Flutter Dependencies

Initialize the config generated

Using Authenticator UI Library

https://docs.amplify.aws/flutter/build-a-backend/auth/connect-your-frontend/using-the-authenticator/

Using Client library

Amplify provides a client library that enables you to interact with backend resources such as Amplify Auth.

• Sign-up
• Sign-in
• Sign-out

PHONE AUTH

https://docs.amplify.aws/flutter/build-a-backend/auth/concepts/phone/

Deploy Sandbox

Why does sandbox deployment fails?

Break☕️

© 2020, PMazon Web Services, Inc. or its affiliates. All rights reserved.

4.0

Create and Deploy APIs

© 2020, PMazon Web Services, Inc. or its affiliates. All rights reserved.

Create a schema and export resource

​

• Create a schema(creates DynamoDB tables, Implements Mutations and Queries)
• Add authorizations to manage resources to the schema
• Define defineData with authorization methods
• Deploy changes to sanbox

Connect to flutter frontend

​

• Add amplify_api dependency
• Generate the GraphQL client code
• Import generated models
• Play around (CRUDS on Model)

DEMO

SETUP

https://github.com/yunweneric/amplify_demo/tree/data_setup

Explorations

Github Branch

https://github.com/yunweneric/amplify_demo/tree/data_exploration

• CRUDS
• Streams
• Interceptors
• Working with files/attachments

​

5.0

Deploying backend to production

© 2020, PMazon Web Services, Inc. or its affiliates. All rights reserved.

Amplify.yml

​

The amplify.yml file is a configuration file used in AWS Amplify to define custom build and deployment processes for both the backend and frontend of your application. It specifies the phases for building, caching, and deploying your application.

Backend CI

Flutter Local CI

What is wrong with local Builds?

​

​

• Uploading heavy artifacts
• Issues with .gitignore
• Adding dummy files to source control

Thank You

Let’s connect

© 2020, PMazon Web Services, Inc. or its affiliates. All rights reserved.