Skip to main content

Posts

Showing posts with the label amplify

HOW TO BUILD LOGIN PAGE AND SIGN UP PAGE IN REACT JS AND AWS AMPLIFY

  STEPS TO BUILD LOGIN & SIGNUP PAGE IN REACTJS,NODEJS USING AWS AMPLIFY IN VS CODE SOFTWARE REQUIREMENTS NODE JS  AWS ACCOUNT VISUAL STUDIO CODE PLEASE BE FOLLOW THESE STEPS 1.      INSTALL  NODEJS   2.      CHECK VERSION OF NODEJS IN CMD - node --version 3.      CREATE AWS ACCOUNT(IF NOT HAVE OR TEMPORARY NEEDED,Dm me  BUT,ITS COST) 4.      INSTALL VISUAL STUDIO CODE ( install Extension-Live server,AWS Toolkit) 5.      RUN THESE COMMAND IN VS CODE TERMINAL-NPM UPDATE-npm install npm -g 6.      INSTALL - AWSTOOLKIT  EXTENSION IN VSCODE 7.      ENABLE SCRIPTING IN VS CODE - Set-ExecutionPolicy -Scope CurrentUser Unrestricted (paste these higlighted cmd in vs code Terminal) 8.      RUN THESE CMD IN TERMINAL- npx create-react-app projectname( Procedure ) 9.      RUN IN VSCODE TERMINAL(INSIDE PROJECTNAME DIRECTORY)- amplify configure (AWS ACCOUNT NECESSARY)TO PERFORM THESE CMD 10. RUN IN VSCODE TERMINAL(INSIDE PROJECTNAME DIRECTORY)- amplify init 11. RUN IN VS CO

ENABLE MULTI-FACTOR AUTHENTICATION IN LOGIN PAGE

 ENABLE MULTI-FACTOR AUTHENTICATION IN LOGIN PAGE 1.      Login Into The Amplify Console  2.      Setup Amplify Studio 3.      Enable Amplify Studio 4.      Open Coginito -  Choose Userpool,then click  SIGN-IN-EXPERIENCE  (Scrool Down)  And Edit MFA,And Switch To  Require MFA, Then Choose  Authentication apps  and Click  SAVE CHANGES 5.      Backend Environment-Launch Studio 6.      In Authentication -Click MULTI-FACTOR AUTHENTICATION-Choose  OPTIONAL and AUTHENTICATION APPLICATION  7.      Then ,Click  Deploy-Confirm Deployment 8.      Copy the cmd and Paste it into the terminal of Visual Studio Code[That File Directory] 9.      Again go, Cognito 10. In SIGN-IN-EXPERIENCE-(Scrool Down)  And Edit MFA,it shows optional.change To  Require MFA, Then Choose  Authentication apps  and Click  SAVE CHANGES 11. Then back to AMPLIFY STUDIO-In Authentication -Click MULTI-FACTOR AUTHENTICATION-Choose  ENFORCED and AUTHENTICATION APPLICATION  12. Then ,Click  Deploy-Confir

AWS Amplify

  AWS Amplify is a development platform provided by Amazon Web Services (AWS) that enables developers to build scalable, secure, and high-performance cloud-powered mobile and web applications. It provides a comprehensive set of tools and services that help developers to build and deploy applications quickly and efficiently, with features such as authentication, analytics, storage, APIs, and more.   AWS Amplify consists of three main components:   1.      Amplify CLI: Amplify CLI is a command-line interface tool that allows developers to easily create, configure, and deploy cloud-powered applications and backend services. It provides a simple and intuitive way to create AWS resources such as AWS Lambda, Amazon API Gateway, AWS AppSync, Amazon Cognito, Amazon DynamoDB, and others. Developers can also use the Amplify CLI to manage their AWS resources, including creating and configuring authentication and authorization, storage, and APIs.   2.      Amplify Libraries: Amplify L