feat: add facebook provider guide #111
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
FreddyDevelop
requested changes
Jan 16, 2025
|
|
||
| ## Frontend integration | ||
|
|
||
| To enable a login with LinkedIn in your frontend application we recommend using either our pre-built UI as |
There was a problem hiding this comment.
Suggested change
| To enable a login with LinkedIn in your frontend application we recommend using either our pre-built UI as | |
| To enable a login with Facebook in your frontend application we recommend using either our pre-built UI as |
| <Tab title="Hanko Elements"> | ||
| We recommend following one of our [quickstart guides](https://docs.hanko.io/quickstarts) to integrate | ||
| the `<hanko-auth>` component from our `@teamhanko/hanko-elements` package in your frontend application . | ||
| On successful integration, the component will display a button for signing in with `LinkedIn` in the login view |
There was a problem hiding this comment.
Suggested change
| On successful integration, the component will display a button for signing in with `LinkedIn` in the login view | |
| On successful integration, the component will display a button for signing in with `Facebook` in the login view |
| <Tab title="Hanko Frontend SDK"> | ||
| When building your own UI, you can use the `@teamhanko/hanko-frontend-sdk` to initialize third party sign in. | ||
| Create a [`Hanko` client](https://teamhanko.github.io/hanko/jsdoc/hanko-frontend-sdk/Client.html) instance and call the | ||
| `thirdParty.auth` method with `linkedin` as your provider and the target URL in your app you want to redirect |
There was a problem hiding this comment.
Suggested change
| `thirdParty.auth` method with `linkedin` as your provider and the target URL in your app you want to redirect | |
| `thirdParty.auth` method with `facebook` as your provider and the target URL in your app you want to redirect |
| // in the Hanko Cloud Console | ||
| const hanko = new Hanko("<your_hanko_api_url>"); | ||
|
|
||
| async function signInWithLinkedIn() { |
There was a problem hiding this comment.
Suggested change
| async function signInWithLinkedIn() { | |
| async function signInWithFacebook() { |
| try { | ||
| // the redirect url argument must be one of the allowed redirect URLs | ||
| // configured in the previous step. | ||
| await hanko.thirdParty.auth("linkedin", "<your_redirect_url>"); |
There was a problem hiding this comment.
Suggested change
| await hanko.thirdParty.auth("linkedin", "<your_redirect_url>"); | |
| await hanko.thirdParty.auth("facebook", "<your_redirect_url>"); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.