Skip to main content
You are here: Passport JS EVM SDK

Authentication

Overview

Explore the diverse login options available with the Passport JS SUI SDK, which provides several methods to authenticate users. These options include Continue with email and password, Google sign-in, and more, catering to a wide range of user preferences. Passport SDK implements Oauth2 Login flow, so you will be redirected to Credenza Oauth page to proceed.

Explore Email and Password Login

Implement Email and Password Login

To authenticate using the Continue with email and password button, start by clicking the button. You will be prompted to enter your email and password in the provided fields.

Enter your email address in the email field. Ensure that the email address is formatted correctly. Then, type a secure password into the password field. The password should be strong and not easily guessable.

When ready, click the Submit button. This will securely transmit your credentials for authentication. Make sure your connection is secure (look for https in the URL) to protect your data.

Utilize Social Media Login

Implement Google and Ticketmaster Login

To authenticate with Google, click the Google sign-in icon. You will be redirected to a Google login page. Enter your Google account credentials and follow the prompts. Upon successful authentication, you will be redirected back to the application.

To authenticate with Ticketmaster, click the Ticketmaster sign-in icon. This action will take you to a Ticketmaster login page. Input your Ticketmaster account credentials and proceed with the prompts. After successful authentication, you will return to the application.

MetaMask Login

MetaMask is a popular browser extension and mobile app for managing Ethereum-based digital assets and interacting with decentralized applications (dApps). Using MetaMask for authentication makes it easy to sign in securely with your Ethereum wallet.

Implement MetaMask Login

To authenticate using MetaMask, follow these steps:

1. Ensure you have installed the MetaMask extension on your browser or the MetaMask app on your mobile device.

2. Click on the MetaMask sign-in icon from the initial authentication screen. This action will open the MetaMask extension or app.

3. If prompted, enter your MetaMask password to unlock your wallet.

4. MetaMask will ask for your permission to connect to the application. Click Connect to proceed.

5. Once connected, a signature request will appear. Review the details and click Sign to authenticate.

Verify User Identity

After connecting MetaMask and signing the request, the application verifies your identity using your Ethereum address. If the authentication is successful, you will be logged into the application. If there are any issues, check that your MetaMask wallet is properly set up and try again.

Manage User Data

When handling user data obtained from social media logins, ensure all data is processed in accordance with privacy policies and data protection regulations. Begin by capturing only essential information. Implement robust encryption methods to safeguard this data. Make certain that any data storage solutions comply with current regulatory standards. Provide users with options to manage their data, including access and deletion requests.

Use Phone Number Login (One-Time Password)

Implement Phone Number Login (One-Time Password)

To use the Phone sign-in icon for authentication, follow these steps:

1. Click on the Phone sign-in icon from the initial authentication screen.

2. Enter your phone number in the provided Text Field and click Submit.

3. Check your phone for a verification code sent via SMS.

4. Enter the received verification code into the designated Text Field on the screen.

5. Click on the Verify button to complete the authentication process.

Verify User Identity

After choosing Phone sign-in, the user is prompted to enter their phone number. Upon submission, a verification code is sent to the provided number. The user must enter this code into the verification code field.

If the entered code matches the one sent, authentication proceeds. If the code doesn't match, an error message is displayed, and the user can request a new code.

For successful verification, ensure the code is entered within a specified time frame. If the time limit is exceeded, the user must request a new code.

Use Email Login (One-Time Password)

Implement Email Login (One-Time Password)

To authenticate using the Login with email only button, follow these steps:

  1. Click on the Login with email only button from the initial authentication screen.

  2. Enter your email address in the provided Text Field and click Submit.

  3. Check your email for a verification code sent to your inbox.

  4. Enter the received verification code into the designated Text Field on the screen.

  5. Click on the Verify button to complete the authentication process.

Verify User Identity

After choosing Login with email only, you are prompted to enter your email address. Upon submission, a verification code is sent to the provided email address. Enter this code into the verification code field.

If the entered code matches the one sent, authentication proceeds. If the code doesn't match, an error message is displayed, and you can request a new code.

For successful verification, ensure the code is entered within a specified time frame. If the time limit is exceeded, request a new code.