Giter Club home page Giter Club logo

spring-security-jwt-social's Introduction

SpringBoot + Security + JWT를 이용한 로그인 구현

Skill & Tools

Backend

  • Java 8
  • Spring boot 2.2.1
  • Spring Security 5.2.1
  • jjwt
  • JPA
  • MariaDB

Front-end

  • Vue.js (Nuxt.js)
  • Vuex
  • Bootstrap-vue

구현 기능 & Docs

  1. 프로젝트 생성 및 DB 연결 설정
  2. Security 설정
  3. 회원가입
  4. 기본 로그인
  5. 소셜 로그인 & 계정 연동
  6. 연동 해제
  7. 프로필 변경
  8. 회원 탈퇴

Demo Images

로그인 페이지

loginpage

회원가입

signup

회원 가입 유효성 검사

validation

일반 계정으로 로그인 한 경우

일반 계정으로 로그인 한 경우 소셜 서비스 연동 메뉴가 보여집니다.

after_default_login

소셜 계정 연동 이후

afterlink

소셜 계정 연동 해제 후 앱 연결 해제 여부 확인

연동 해제를 요청하면 소셜 서비스에도 연동 해제 요청을 보내게 되므로 같은 소셜 계정으로 다시 연결하는 경우 정보 제공 동의 화면이 보여집니다.

after_unlink1

after_unlink2

소셜 로그인으로 가입한 계정에서 연동 해제를 요청하는 경우

소셜 로그인으로 가입한 계정은 연동을 해제할 경우 다시 계정에 접근할 수 없게 되므로 연동 해제 요청이 거부됩니다.

unlink_social_account

spring-security-jwt-social's People

Contributors

changheedev avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.