Which UI do you use?

Custom UI

Pre built UI

Changing OAuth Scopes

If you would like to add additional OAuth Scopes when accessing your third party provider, you can do so by adding them to the config when initializing the backend SDK.

For example if you are using Google as your third party provider, you can add an additional scope as follows:

NodeJS

Important

For other backend frameworks, you can follow our guide on how to spin up a separate server configured with the SuperTokens backend SDK to authenticate requests and issue session tokens.

GoLang

import SuperTokens from "supertokens-node";
import ThirdPartyPasswordless from 'supertokens-node/recipe/thirdpartypasswordless';

SuperTokens.init({
    supertokens: {
        connectionURI: "...",
    },
    appInfo: {
        apiDomain: "...",
        appName: "...",
        websiteDomain: "..."
    },
    recipeList: [
        ThirdPartyPasswordless.init({
            contactMethod: "EMAIL", // This example will work with any contactMethod
            flowType: "USER_INPUT_CODE_AND_MAGIC_LINK", // This example will work with any flowType
            providers: [{
                config: {
                    thirdPartyId: "google",
                    clients: [{
                        clientSecret: "TODO: GOOGLE_CLIENT_SECRET",
                        clientId: "TODO: GOOGLE_CLIENT_ID",
                        scope: [
                            "scope1",
                            "scope2",
                        ]
                    }]
                }
            }]
        })
    ]
});

Python

import (
    "github.com/supertokens/supertokens-golang/recipe/thirdparty/tpmodels"
    "github.com/supertokens/supertokens-golang/recipe/thirdpartypasswordless"
    "github.com/supertokens/supertokens-golang/recipe/thirdpartypasswordless/tplmodels"
    "github.com/supertokens/supertokens-golang/supertokens"
)

func main() {
    supertokens.Init(supertokens.TypeInput{
        RecipeList: []supertokens.Recipe{
            thirdpartypasswordless.Init(tplmodels.TypeInput{
                Providers: []tpmodels.ProviderInput{
                    {
                        Config: tpmodels.ProviderConfig{
                            ThirdPartyId: "google",
                            Clients: []tpmodels.ProviderClientConfig{
                                {
                                    ClientID: "TODO: GOOGLE_CLIENT_ID",
                                    ClientSecret: "TODO: GOOGLE_CLIENT_SECRET",
                                    Scope: []string{
                                        "scope1", "scope2",
                                    },
                                },
                            },
                        },
                    },
                },
            }),
        },
    })
}

Other Frameworks

from supertokens_python import init, InputAppInfo
from supertokens_python.recipe import thirdpartypasswordless
from supertokens_python.recipe.thirdparty.provider import ProviderInput, ProviderConfig, ProviderClientConfig

init(
    app_info=InputAppInfo(api_domain="...", app_name="...", website_domain="..."),
    framework='...', 
    recipe_list=[
        thirdpartypasswordless.init(
            providers=[
                ProviderInput(
                    config=ProviderConfig(
                        third_party_id="google",
                        clients=[
                            ProviderClientConfig(
                                client_id="GOOGLE_CLIENT_ID",
                                client_secret="GOOGLE_CLIENT_SECRET",
                                scope=["scope1", "scope2"]
                            ),
                        ],
                    ),
                ),
            ]
        )
    ]
)