Customising Your Amplify Login - Amplify Auth Methods

Поделиться
HTML-код
  • Опубликовано: 21 янв 2025

Комментарии • 29

  • @boormanyeti
    @boormanyeti 2 года назад

    The format you have of overview + long form is great. It's a lot of work to to this and it's much appreciated.

  • @rizud5122
    @rizud5122 3 года назад +1

    You are simply amazing. The way you are making these tutorials is making even the most complicated concepts easy to understand. As a new coder, your videos are like a god sent for me. Many thanks for doing such hard work and helping the dev community. God bless!

    • @CompleteCoding
      @CompleteCoding  3 года назад

      I'm really glad that these videos are so helpful!

  • @khandoor7228
    @khandoor7228 3 года назад

    This looks good Sam. I'm working a lot with Amplify. This is helpful!

  • @markussell9431
    @markussell9431 3 года назад +2

    Hey, what’s the extension applying the color coding to the indentation? Thanks

    • @CompleteCoding
      @CompleteCoding  3 года назад +2

      I think I it's called "indent rainbow" and is one of the extensions I find most useful

    • @atomauro
      @atomauro 2 года назад

      @@CompleteCoding i fkin love you man

  • @ewolz
    @ewolz 3 года назад

    How can assign a new registered user to an amplify group, I'm assuming there some lambda triggers of some sort

    • @CompleteCoding
      @CompleteCoding  3 года назад

      If you mean adding a user to the pool without them signing in, there are a full set of methods on the cognito aws-sdk to add user and put them in groups.
      If you mean automatically adding a group to a user when they sign up, there are a few ways you could do that. You could do it from the front end using amplify sdk, or add a 'onSignup' lambda in cognito which then calls the cognito aws-sdk to add them to a group.

    • @ewolz
      @ewolz 3 года назад

      @@CompleteCoding thank you very much, I wasn't sure how I could detect where to redirect my particular users. I'll explore the onsignup function.

  • @milesrichie928
    @milesrichie928 Год назад

    You lost me with the Sign in component. Where did that code magically come from?

  • @RaulGlasgow
    @RaulGlasgow 3 года назад +1

    awesome job!

  • @brandonfonseca9279
    @brandonfonseca9279 3 года назад

    Hi! This series is great! Can you make a video on how to use lambda functions? Ideally, I want to know how to trigger an api call via AppSync, then take that data and run a lambda function which hits a 3rd party api, then have that result written to a table. Thanks!

    • @CompleteCoding
      @CompleteCoding  3 года назад +1

      Here's a link to where I've used a Lambda resolver in a AppSync API. Everything would be the same up to the logic in the Lambda. You should be able to create your function from there.
      ruclips.net/video/vZgj3k0xF1w/видео.html

  • @deontearchie
    @deontearchie 3 года назад

    hey Sam! your video was great but I keep on receiving this error signing in TypeError: _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_1__.Auth.signin is not a function
    at signin (Signin.js:20) and I cant seem to figure it out. Can you assist me with what I did wrong?

    • @CompleteCoding
      @CompleteCoding  3 года назад

      Auth.singIn(). Capital i at signIn
      These are the kinds of mistakes that happen all the time. You start to learn where to look first. Your typescript should have caught this though.

  • @multiskillservices1994
    @multiskillservices1994 3 года назад

    Hi Sam, Thanks for your indepth tutorials. Can you please make an introductory video how to achieve microservice via amplify. I am doing a lot on amplify nowadays but still confused how to implement my microservice abstraction using amplify. The confusion is more at Appsync side, as I want to access my graphQL APIs via web and 2 of my mobile apps.

    • @CompleteCoding
      @CompleteCoding  3 года назад +1

      Are you talking about using the same amplify back end for the web app and mobile apps? I can definitely do a video on that :)

  • @karsenkeith5860
    @karsenkeith5860 3 года назад

    Can you do a video using the Amplify UI components individually instead of writing your own buttons & forms? (also using react-router-dom for a public landing page before sign in)

    • @CompleteCoding
      @CompleteCoding  3 года назад

      I don't think there is a way to use the 'withAuthenticator' and have a public page.
      If you use the same app.jsx layout as I've used you should be able to just use the amplify components. The only one I'm not sure about is yeh sign in and how that would work with local state.

  • @mohit.sharma.2
    @mohit.sharma.2 3 года назад

    Thanks Sam, this is exactly what I was looking for after completing the entire series last week!
    Can't thank you enough for such in-depth tutorials!
    Also what changes do we have to make if we were to show the entire Song list to guest visitor on our app (i.e. say the app home page with all songs is open to public to as it would to a user ), but have a login prompt at the time when the visitor clicked on play, so that without any page reloads it logs in and the song plays only for a user with a successful log in?

    • @CompleteCoding
      @CompleteCoding  3 года назад +1

      That's going to be the next video. The video was just a bit too long to fit it all in at once

  • @mrwho2513
    @mrwho2513 2 года назад

    0:00 - no, boss, I don't want to learn, I just came here to see your face

    • @CompleteCoding
      @CompleteCoding  2 года назад +1

      Well aren't you lucky, you get to do both ;)

  • @NutsKicker25
    @NutsKicker25 3 года назад

    Hey Sam, I followed your guide perfectly, however, the signOut / signIn does not work for me. I have been killing myself trying to find resources to understand why this is happening but cannot find anything . My loggedIn state does not get updated with either Auth.signOut or Auth.signIn

    • @CompleteCoding
      @CompleteCoding  3 года назад +1

      I have a function that checks whether I'm logged in and sets the logged in state
      const assessLoggedInState = () => {
      Auth.currentAuthenticatedUser()
      .then(sess => {
      console.log('logged in');
      setLoggedIn(true);
      })
      .catch(() => {
      console.log('not logged in');
      setLoggedIn(false);
      });
      };
      I then call that function using the 'userEffect' hook in the app
      useEffect(() => {
      assessLoggedInState();
      }, []);
      Finally, when someone logs out, I manually call `setLoggedIn(false);`
      Hope this helps. Here's a link to the full code
      github.com/SamWSoftware/amplify-react-tutorial-project/blob/amplify-unauth-access/src/App.jsx