Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Spring Boot React OAuth2 Social Login with Google, Facebook, and Github

NotificationsYou must be signed in to change notification settings

callicoder/spring-boot-react-oauth2-social-login-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 

Repository files navigation

App Screenshot

Setting up the Backend Server (spring-social)

  • Create MySQL database

     mysql> create database spring_social
  • Configure database username and password

    # spring-social/src/main/resources/application.ymlspring:datasource:url:jdbc:mysql://localhost:3306/spring_social?useSSL=falseusername:<YOUR_DB_USERNAME>password:<YOUR_DB_PASSWORD>
  • Specify OAuth2 Provider ClientId's and ClientSecrets

    This is optional if you're testing the app in localhost. A demo clientId and clientSecret is already specified.

    security:oauth2:client:registration:google:clientId:<GOOGLE_CLIENT_ID>clientSecret:<GOOGLE_CLIENT_SECRET>redirectUriTemplate:"{baseUrl}/oauth2/callback/{registrationId}"scope:             -email             -profilefacebook:clientId:<FACEBOOK_CLIENT_ID>clientSecret:<FACEBOOK_CLIENT_SECRET>redirectUriTemplate:"{baseUrl}/oauth2/callback/{registrationId}"scope:             -email             -public_profilegithub:clientId:<GITHUB_CLIENT_ID>clientSecret:<GITHUB_CLIENT_SECRET>redirectUriTemplate:"{baseUrl}/oauth2/callback/{registrationId}"scope:             -user:email             -read:userprovider:facebook:authorizationUri:https://www.facebook.com/v3.0/dialog/oauthtokenUri:https://graph.facebook.com/v3.0/oauth/access_tokenuserInfoUri:https://graph.facebook.com/v3.0/me?fields=id,first_name,middle_name,last_name,name,email,verified,is_verified,picture.width(250).height(250)

    Please make sure thathttp://localhost:8080/oauth2/callback/<provider> is added as an authorized redirect uri in the OAuth2 provider. For example, In yourGoogle API console, make sure thathttp://localhost:8080/oauth2/callback/google is added in theAuthorized redirect URIs

    Also, make sure that the above mentioned scopes are added in the OAuth2 provider console.For example, scopeemail andprofile should be added in your Google project's OAuth2 consent screen.

  • Run spring-social

     mvn spring-boot:run

Setting up the Frontend Server (react-social)

cd react-socialnpm install&& npm start

[8]ページ先頭

©2009-2025 Movatter.jp