OAuth social login integration in No-Code - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to identify the OAuth provider used for social login.

No-Code

provider = "[1]"

Drag options to blanks, or click blank then click option'

AFacebook

BLinkedIn

CTwitter

DGoogle

Attempts:

3 left

💡 Hint

Common Mistakes

Using a provider name that is not supported.

Leaving the provider name empty.

The provider variable should be set to the name of the OAuth service you want to use, such as "Facebook".

2fill in blank

medium

Complete the code to specify the OAuth redirect URI after login.

No-Code

redirect_uri = "[1]"

Drag options to blanks, or click blank then click option'

Ahttps://example.com/login

Bhttps://example.com/callback

Chttps://example.com/home

Dhttps://example.com/logout

Attempts:

3 left

💡 Hint

Common Mistakes

Using a URL that does not handle OAuth responses.

Using a logout or home page URL instead of a callback.

The redirect URI is the URL where the user is sent after successful OAuth login, usually a callback endpoint.

3fill in blank

hard

Fix the error in the OAuth scope setting to request user email access.

No-Code

scope = "[1]"

Drag options to blanks, or click blank then click option'

Aread

Bopenid

Cprofile

Demail

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'profile' only, which does not include email access.

Using unrelated scopes like 'read'.

The scope must include "email" to request access to the user's email address during OAuth login.

4fill in blank

hard

Fill both blanks to complete the OAuth authorization URL with client ID and response type.

No-Code

auth_url = "https://oauth.example.com/auth?client_id=[1]&response_type=[2]"

Drag options to blanks, or click blank then click option'

A1234567890abcdef

Btoken

Ccode

Dabcdef1234567890

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'token' as response_type when 'code' is required.

Mixing up client ID with client secret.

The client_id is a unique identifier for your app, and response_type 'code' is used to get an authorization code in OAuth.

5fill in blank

hard

Fill all three blanks to create a dictionary with user info keys and values after OAuth login.

No-Code

user_info = {"[1]": "[2]", "[3]": "[e-mail]"}

Drag options to blanks, or click blank then click option'

Aname

BJohn Doe

Cemail

Dusername

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect keys like 'username' instead of 'name'.

Mixing up keys and values.

The dictionary keys 'name' and 'email' hold the user's full name and email address respectively after OAuth login.