Custom tik tok icon
Proxying the Request for the Access TokenĪuth0 does not allow you to pass custom query parameters for a request to an OAuth provider’s token endpoint. The access token endpoint requires a different solution which you’ll learn about next. Auth0 will send the client_key = parameter to TikTok’s authorization endpoint. Next, use the Update a connection endpoint with the new options object as the body. Auth0 only requires the user_id attribute, which corresponds to TikTok’s union_idįunction fetchUserProfile ( accessToken, context, cb ) Fetch User Profile Script: Script to fetch profile information from TikTok’s user info endpoint and map to Auth0’s normalized user profile.Client Secret: Client Secret assigned to you by TikTok.Client ID: Client Key assigned to you by TikTok.For now, use a dummy URL like https : / /example. Token URL: This will eventually be your proxy.Authorization URL: TikTok’s Authorization URL https : / //auth /authorize /.Populate the form with the values as follows: To create a custom social connection, head to Authentication → Social → and click “Create Connection”. Once you integrate Auth0 into your application, you will want to implement TikTok as a custom social connection. It may take a few hours for TikTok to review your submission before it’s moved to Production status, which is required for the integration to work. Your app connection is in Staging status. Save your changes and submit your app for review.The redirect domain is your base Auth0 tenant URL found in Application Settings Configure the Login Kit with your Terms of Service URL, Privacy Policy URL, and Redirect domain.On the left under Products, click Add products and add the Login Kit and the TikTok API.This will generate a Client Key and Client Secret under app detailsĬomplete the fields for App icon, App name, Category, Description, and Website URL Go to Manage apps and create a new app connection.Once your developer account has been created:
With a free account, you can add authentication to up to 10 apps with support for up to 10,000 users and unlimited logins- plenty for your prototyping, development, and testing needs. Node.js and ngrok installed on your local environment.A proper Terms of Service and Privacy Policy for your app for the TikTok app review process.With a deployed app using Auth0 as the means to authenticate your users To get started with this tutorial, you will need the following prerequisites: By default, Auth0 uses the client_id nomenclature, so you will need to transform the client_id request parameter to use client_key for both requests. In other words, the Client ID identifies your application to TikTok. The client_id is the application's identifier asking for authorization. TikTok deviates from the standard OAuth naming conventions by using client_key as the parameter name instead of client_id for both the authorization and the token endpoint. Auth0 will use the authorization endpoint to redirect users to TikTok and the token endpoint to exchange the authorization code for an access token to fetch the user profile. In the OAuth 2.0 authorization code flow, the identity provider (TikTok) must publish an authorization endpoint and a token endpoint that are using a standard set of parameters. Most social identity providers enable third-party applications to allow end-users to log in with their social credentials by acting as an OAuth 2.0 provider. If your social provider of choice isn't there yet (in this case, TikTok), it is possible to create a custom social connection. Marketplace supports over 50 out-of-the-box social connections, with social identity providers like Google, LinkedIn, and Twitter. In this tutorial, you'll learn how to add social login with TikTok to your application using Auth0. As a developer, you will want to create an app that delights users by letting them choose their favorite social media login, including TikTok. With nearly one billion users across 154 different countries, TikTok has become one of the most popular social media platforms worldwide. TikTok currently doesn’t support non-production apps. To follow this tutorial, you need a production application with a Terms of Service, Privacy Policy, etc.