Pre-requisites<\/h2>\n\n- Installed NodeJS<\/strong><\/a> and Node Package Manager<\/strong><\/a><\/li>\n
- Install the latest version of Flutter<\/strong><\/a><\/li>\n
- Set Up your IDE<\/strong><\/a><\/li>\n
- Installed Flutter Developer Preview of the Amplify CLI. If you don\u2019t have it installed on your system, use the below command<\/li>\n<\/ul>\n
npm install -g @aws-amplify\/cli@flutter-preview<\/pre>\n
\n- An AWS account.<\/li>\n<\/ul>\n
Note:<\/strong> The existing version of @aws-amplify\/cli won’t work; you might need to install the latest flutter-preview version.<\/strong><\/em><\/p>\nInstall Dependencies<\/h2>\n
Here are a few dependencies that you need to authenticate your flutter application using AWS amplify. Just follow the instructions and commands to get it installed.<\/p>\n
Import Flutter Amplify packages into your project inside the pubspec.yaml file<\/h3>\n
![\"Amplify](\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2022\/01\/Amplify-packages-300x94.png\")
<\/p>\n
Fetching the Amplify packages<\/h3>\nflutter pub get<\/pre>\nVerify the version of Amplify CLI<\/h3>\namplify \u2013 version<\/pre>\nNote: The output of this command should have \u201c-flutter-preview\u201d appended to it. If not, run \u201cnpm install -g @aws-amplify\/cli@flutter-preview\u201d in the terminal.<\/em><\/strong><\/p>\nSo, after the installation and configuration, let\u2019s move further in our tutorial: Integrate Authentication using AWS Amplify in Flutter.<\/p>\n
Subside the project complexities!<\/span>
\nAre you searching for Flutter developers with a great spectrum of knowledge? Struggles are real when you\u2019re dealing with a complex project. We are here to help you with your hustles. Get in touch with us today to Hire Flutter Developer<\/a> with fundamental and advanced knowledge.<\/em><\/strong><\/p>\nInitialize and Configure Amplify<\/h2>\n
The next step is to connect to the AWS cloud, and for that, we need to initialize Amplify. Run the below command in your terminal.<\/p>\n
amplify init<\/pre>\nYour terminal will look as shown in the below image.<\/p>\n
![\"Initialize](\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2022\/01\/How-to-Integrate-Authentication_Subimage1-1-min-300x175.png\")
<\/p>\n
Now use the command to configure the user for Flutter AWS.<\/p>\n
![\"Authentication](\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2022\/01\/Authentication-using-aws-amplify-in-Flutter-min-300x155.png\")
<\/p>\n
![\"Authentication](\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2022\/01\/Authentication-using-aws-amplify-in-Flutter-min-1-300x155.png\")
<\/p>\n
![\"Add](\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2022\/01\/Add-tags-min-300x154.png\")
<\/p>\n
![\"Review\"](\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2022\/01\/Review-min-300x155.png\")
<\/p>\n
![\"Authentication](\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2022\/01\/Authentication-using-aws-amplify-in-Flutter-min-2-300x152.png\")
<\/p>\n
This command will help to create a new user or set an already created user for the project.<\/p>\n
So far, we have successfully set up AWS Amplify in our project. Now let\u2019s proceed further and get our hands-on coding part. In the below sections, we will set up Sign In and Sign Up for the users with the help of Flutter AWS Cognito.<\/p>\n
npm install -g @aws-amplify\/cli@flutter-preview<\/pre>\n
- \n
- An AWS account.<\/li>\n<\/ul>\n
Note:<\/strong> The existing version of @aws-amplify\/cli won’t work; you might need to install the latest flutter-preview version.<\/strong><\/em><\/p>\n
Install Dependencies<\/h2>\n
Here are a few dependencies that you need to authenticate your flutter application using AWS amplify. Just follow the instructions and commands to get it installed.<\/p>\n
Import Flutter Amplify packages into your project inside the pubspec.yaml file<\/h3>\n
<\/p>\nFetching the Amplify packages<\/h3>\n
flutter pub get<\/pre>\n
Verify the version of Amplify CLI<\/h3>\n
amplify \u2013 version<\/pre>\n
Note: The output of this command should have \u201c-flutter-preview\u201d appended to it. If not, run \u201cnpm install -g @aws-amplify\/cli@flutter-preview\u201d in the terminal.<\/em><\/strong><\/p>\n
So, after the installation and configuration, let\u2019s move further in our tutorial: Integrate Authentication using AWS Amplify in Flutter.<\/p>\n
Subside the project complexities!<\/span>
\nAre you searching for Flutter developers with a great spectrum of knowledge? Struggles are real when you\u2019re dealing with a complex project. We are here to help you with your hustles. Get in touch with us today to Hire Flutter Developer<\/a> with fundamental and advanced knowledge.<\/em><\/strong><\/p>\nInitialize and Configure Amplify<\/h2>\n
The next step is to connect to the AWS cloud, and for that, we need to initialize Amplify. Run the below command in your terminal.<\/p>\n
amplify init<\/pre>\n
Your terminal will look as shown in the below image.<\/p>\n
<\/p>\nNow use the command to configure the user for Flutter AWS.<\/p>\n
<\/p>\n<\/p>\n<\/p>\n<\/p>\n<\/p>\nThis command will help to create a new user or set an already created user for the project.<\/p>\n
So far, we have successfully set up AWS Amplify in our project. Now let\u2019s proceed further and get our hands-on coding part. In the below sections, we will set up Sign In and Sign Up for the users with the help of Flutter AWS Cognito.<\/p>\n