React Slack Authentication Component
A Slack oAuth Sign-in/Log-in Component for React https://api.slack.com/docs/sign-in-with-slack
Installation
npm install react-slack-login
Usage
<SlackLogin
redirectUrl='http://localhost:4000/api/v1/auth/slack'
onFailure={onFailed}
onSuccess={onSuccess}
slackClientId='SLACK_CLIENT_ID'
slackUserScope='openid profile'
/>Options
| params | value | default value | description |
|---|---|---|---|
| redirectUrl | string | The URL the user should return to once Slack has validated their approval | |
| slackClientId | string | Slack Client Id | |
| slackUserScope | string | A comma- or space-separated list of permissions you're requesting the user to approve. If you're just logging users in, set this to identity.basic. You can't ask for identity.email, identity.team, or identity.avatar without also asking for identity.basic | |
| onFailure | function | function that will be called if user cannot be authenticated | |
| onSuccess | function | function that will be called if user is successfully authenticated |
Workflow
The component will return a slack OAuth verifier code, you should send that code to your API and exchange your temporary OAuth verifier code for an access token.
This exchange can't be part of a frontend app because requires your SLACK_CLIENT_SECRET and this value should not be exposed.
See:
- https://api.slack.com/methods/oauth.v2.access
- [Legacy Apps] https://api.slack.com/methods/oauth.access
License
react-slack-login is released under MIT License.