Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

(/authentication/social-connections/tiktok) update guide #1625

Merged
merged 16 commits into from
Oct 17, 2024

Conversation

victoriaxyz
Copy link
Contributor

@victoriaxyz victoriaxyz commented Oct 11, 2024

Explanation:

This PR:

  • updates guide

@victoriaxyz victoriaxyz requested a review from a team as a code owner October 11, 2024 16:56
Copy link

Hey, here’s your docs preview: https://clerk.com/docs/pr/1625

Comment on lines 25 to 26
> [!IMPORTANT]
> Due to TikTok's requirement to verify URL ownership for all redirect URLs, TikTok cannot be used as a social connection in development environments. This is because individual users cannot verify ownership of the Clerk development URL (`accounts.dev`). However, TikTok can be used properly in production environments where you can verify your own URLs. For more information, see [TikTok's URL ownership guidelines](https://developers.tiktok.com/doc/getting-started-create-an-app#verify_url_ownership).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What do we think about doing this:

Suggested change
> [!IMPORTANT]
> Due to TikTok's requirement to verify URL ownership for all redirect URLs, TikTok cannot be used as a social connection in development environments. This is because individual users cannot verify ownership of the Clerk development URL (`accounts.dev`). However, TikTok can be used properly in production environments where you can verify your own URLs. For more information, see [TikTok's URL ownership guidelines](https://developers.tiktok.com/doc/getting-started-create-an-app#verify_url_ownership).
## Configure for your development instance
Due to TikTok's requirement to verify URL ownership for all redirect URLs, **TikTok cannot be used as a social connection in development environments.** This is because individual users cannot verify ownership of the Clerk development URL (`accounts.dev`). For more information, see [TikTok's URL ownership guidelines](https://developers.tiktok.com/doc/getting-started-create-an-app#verify_url_ownership).
## Configure for your production instance

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also, if this is true, then why can we set it in the Dashboard without providing custom credentials?
Who gave you this info? We need to ask them what's going on with that

Screen.Recording.2024-10-15.at.10.15.37.mov

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This was in a separate ticket (see: DOCS-9335 and USER-881).

docs/authentication/social-connections/tiktok.mdx Outdated Show resolved Hide resolved
docs/authentication/social-connections/tiktok.mdx Outdated Show resolved Hide resolved
1. In the top-right, select [**Developer Portal**](https://developers.tiktok.com/apps) then choose **Manage apps**. You'll be redirected to the **Manage apps** page.
1. Select **Connect an app**. Complete the form then select **Confirm**. You'll be redirected to your TikTok app's **Production** page.
1. In the **Basic information** section, complete the form.
1. Under **Platforms**, select your platform then paste the **Authorized Redirect URI** you saved from the Clerk Dashboard.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It says link to the official website, it doesn't mention the redirect URI

Screenshot 2024-10-15 at 10 26 12

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.


Add an icon and a name for your new project and hit **Start**.
1. In your TikTok app's **App details** page, select the icons next to the **Client key** and **Client secret** to reveal them.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You called it the Production page on line 46

You'll be redirected to your TikTok app's Production page.
Let's align these two - either Production page or App Details page

Suggested change
1. In your TikTok app's **App details** page, select the icons next to the **Client key** and **Client secret** to reveal them.
1. In your TikTok app's **App details** page, select the icons next to the **Client key** and **Client secret** to reveal them. Copy these values.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Screenshot 2024-10-15 at 17 50 30

We can use App Details. I mentioned Production because it's that tab in the top nav.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@victoriaxyz victoriaxyz merged commit 19c174b into main Oct 17, 2024
4 checks passed
@victoriaxyz victoriaxyz deleted the vi/docs-370/oauth-tiktok branch October 17, 2024 20:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants