Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

Tìm hiểu dịch vụ đăng nhập Spring Boot + React.js (+ xã hội)

Khóa học 'Tìm hiểu dịch vụ đăng nhập (+mạng xã hội) với Spring Boot + React.js' là một khóa học được thiết kế để bạn có thể tự tay triển khai hệ thống đăng nhập thực tế, bao gồm xác thực dựa trên JWT và đăng nhập mạng xã hội (Kakao/Google), từ đó hiểu sâu sắc luồng xác thực của cả frontend và backend. Frontend được xây dựng trên React.js, còn backend dựa trên Spring Boot. Bạn sẽ từng bước học và thực hành các phương pháp được sử dụng trong môi trường dịch vụ thực tế, bao gồm phương pháp Access Token + Refresh Token, HttpOnly Cookie, quản lý trạng thái người dùng sử dụng Redux, xử lý quyền hạn dựa trên Role, và cả tích hợp đăng nhập mạng xã hội.

(4.8) 6 đánh giá

108 học viên

  • neneee
실습 중심
백엔드이해하기
리액트감잡기
로그인
소셜로그인
React
Node.js
REST API
Spring Boot
login

Dịch cái này sang tiếng Việt

  • Cấu hình Spring Security và triển khai đăng nhập JWT trong Spring Boot

  • Xử lý bất đồng bộ đăng nhập/đăng ký dùng Axios và Redux trong React

  • Cấu trúc Access Token + Refresh Token và triển khai logic tự động cấp lại

  • Duy trì đăng nhập (tự động đăng nhập) và cách khắc phục vấn đề đặt lại trạng thái Redux

  • Kiểm soát truy cập và bảo vệ trang theo quyền người dùng (Role)

  • Đăng nhập xã hội (Kakao/Google) tích hợp và mã ủy quyền → Luồng xử lý JWT

  • Cách lấy thông tin user từ Payload JWT, lưu Redux và sử dụng.

  • Bảo mật Refresh Token qua HttpOnly Cookie và Xử lý đăng xuất backend.

Triển khai dịch vụ đăng nhập (+mạng xã hội) thực tế với Spring Boot và React.js 🔐

Trong khóa học này, chúng ta sẽ triển khai hệ thống đăng nhập dựa trên JWTđăng nhập mạng xã hội (Kakao, Google) bằng Spring Boot và React.js . Khóa học này tập trung vào việc học thực hành hơn là lý thuyết.
Chúng tôi thiết kế phần này để giúp bạn hiểu toàn bộ quy trình của hệ thống xác thực dựa trên mã thông báo thông qua thực hành thực tế, bằng cách xử lý trực tiếp cấu trúc xác thực/ủy quyền của giao diện người dùng và giao diện quản trị.

Cookie HttpOnly , Quản lý mã thông báo truy cập/làm mới , Bảo trì đăng nhập tự động , Kiểm soát truy cập dựa trên vai trò ,
Xử lý chuyển hướng đăng nhập mạng xã hội - Chúng tôi triển khai logic xác thực cần thiết cho các dịch vụ thực tế.
Ngay cả những nhà phát triển mới vào nghề cũng có thể học được cấu trúc cốt lõi của xác thực front-end và back-end .

🎯 Trong khóa học này, bạn sẽ học được:

  • Thiết kế và triển khai API đăng nhập/đăng ký dựa trên JWT bằng POSTMAN.

  • Xây dựng cấu trúc xác thực API bằng Spring Security

  • Quản lý trạng thái đăng nhập bằng Redux trong React.js

  • Luồng xác thực/ủy quyền sử dụng Mã thông báo truy cập + Mã thông báo làm mới

  • Logic xử lý tự động cấp lại (làm mới) khi mã thông báo hết hạn

  • Giữ trạng thái đăng nhập (đăng nhập tự động) và đăng xuất

  • Phân nhánh các trang quản trị viên/người dùng chung dựa trên vai trò của người dùng

  • Tích hợp đăng nhập mạng xã hội Kakao/Google và xử lý chuyển hướng

  • Tăng cường chiến lược bảo mật bằng cách sử dụng cookie HttpOnly


Tôi giới thiệu điều này cho những người này

  • Bất kỳ ai muốn tạo cấu trúc đăng nhập JWT/đăng nhập mạng xã hội thực tế

  • Các nhà phát triển web muốn hiểu quy trình xác thực trong khi tự mình triển khai phần front-end và back-end.

  • Bất kỳ ai muốn trải nghiệm xác thực mã thông báo, đăng nhập tự động và phân nhánh quyền

  • Bất kỳ ai muốn tạo dịch vụ riêng của mình với chức năng đăng nhập riêng

  • Bất kỳ ai muốn thêm hệ thống đăng nhập an toàn vào danh mục đầu tư của mình

Tìm hiểu về những điều này.

Triển khai API đăng nhập bằng Spring Boot

  • Cấu hình Spring Security

  • Viết logic phát hành và xác minh JWT

  • Xử lý nhánh dựa trên vai trò của người dùng

  • Quản lý mã thông báo làm mới dưới dạng cookie HttpOnly

Tạo giao diện người dùng bằng React.js

  • Tạo trang đăng nhập/đăng ký

  • Quản lý trạng thái đăng nhập bằng Redux

  • Đăng nhập/Đăng ký/Xử lý đăng nhập tự động với Axios

  • Kiểm soát truy cập trang chỉ dành cho quản trị viên

  • Giao diện nút đăng nhập xã hội và logic xử lý mã ủy quyền

Những điều cần lưu ý trước khi tham gia khóa học

Môi trường thực hành

  • Hệ điều hành: Windows / macOS

  • Công cụ phát triển: IntelliJ, VS Code, MySQL Workbench, PostMan

  • Phần cuối: Spring Boot 3.x

  • Giao diện người dùng: React 18

Tài liệu học tập

  • Chúng tôi cung cấp cho bạn liên kết Notion!

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người muốn triển khai cấu trúc xác thực full-stack từ đầu đến cuối dùng Spring Boot + React.js.

  • Lập trình viên web muốn nắm vững thực tiễn về xác thực JWT và cấu trúc token.

  • Người muốn trực tiếp áp dụng thử đăng nhập xã hội Kakao/Google vào dự án.

  • Những ai muốn tích hợp cấu trúc xác thực/phân quyền vượt khỏi dự án thử nghiệm vào dự án thực tế.

  • Web developer trình độ sơ cấp đến trung cấp muốn hiểu rõ luồng xác thực Front-end và Back-end.

Cần biết trước khi bắt đầu?

  • Java + Spring Boot Hiểu cấu trúc cơ bản

  • Cấu trúc Component cơ bản và Quản lý trạng thái trong React.js (useState, useEffect, v.v.)

  • Gọi API cơ bản với Axios

  • > Tuy nhiên, bài giảng tiến hành từng bước cẩn thận để người mới cũng theo được, những phần cần thiết giải thích cùng mã và luồng.

Xin chào
Đây là

383

Học viên

35

Đánh giá

9

Trả lời

4.6

Xếp hạng

3

Các khóa học

웹 개발을 하다가 게임 개발에 빠져 살고 있는 개발자 입니다!

항상 배우는 마음가짐으로!

Chương trình giảng dạy

Tất cả

31 bài giảng ∙ (4giờ 55phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

6 đánh giá

4.8

6 đánh giá

  • jovision003071님의 프로필 이미지
    jovision003071

    Đánh giá 5

    Đánh giá trung bình 5.0

    5

    32% đã tham gia

    • jj33115님의 프로필 이미지
      jj33115

      Đánh giá 4

      Đánh giá trung bình 5.0

      5

      32% đã tham gia

      • mightytony님의 프로필 이미지
        mightytony

        Đánh giá 1

        Đánh giá trung bình 4.0

        4

        74% đã tham gia

        The explanation for the social login section seems insufficient.

        • hwlee02140004님의 프로필 이미지
          hwlee02140004

          Đánh giá 1

          Đánh giá trung bình 5.0

          5

          32% đã tham gia

          • kjhpro1587719님의 프로필 이미지
            kjhpro1587719

            Đánh giá 1

            Đánh giá trung bình 5.0

            5

            32% đã tham gia

            268.640 ₫

            Khóa học khác của neneee

            Hãy khám phá các khóa học khác của giảng viên!

            Khóa học tương tự

            Khám phá các khóa học khác trong cùng lĩnh vực!