Đăng nhập SNS Kakao, Google (springboot3, vue3)

Triển khai đăng nhập Kakao và Google bằng cách sử dụng Spring Boot. Đăng nhập dựa trên mã thông báo JWT sẽ được thực hiện. Cấu hình một màn hình đơn giản thông qua Vue3.

(4.9) 34 đánh giá

236 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

OAuth
OAuth
oauth2
oauth2
JWT
JWT
Spring Boot
Spring Boot
Vue.js
Vue.js
OAuth
OAuth
oauth2
oauth2
JWT
JWT
Spring Boot
Spring Boot
Vue.js
Vue.js

Đánh giá từ những học viên đầu tiên

4.9

5.0

cksdnddlek99

95% đã tham gia

Tôi từng băn khoăn về việc phân chia trách nhiệm đối với social login, nhưng thật tuyệt khi bài giảng đã làm rõ điều đó. Cảm ơn vì đã tạo ra một bài giảng chất lượng.

5.0

김경환

100% đã tham gia

Tôi đã học tốt bài giảng chất lượng với tài liệu học phong phú. Đúng lúc đang khó hiểu về quá trình đăng nhập xã hội chỉ bằng cách tìm kiếm đơn giản, nhờ tìm được bài giảng này giải đáp tất cả những thắc mắc của tôi về đăng nhập xã hội, tôi đã học mà không biết thời gian trôi đi :D

5.0

몽몽

95% đã tham gia

Để triển khai đăng nhập xã hội, tôi đã lục tung các blog khắp nơi và chỉ tốn công vô ích, nhưng khi thấy bạn viết code theo đúng luồng hoạt động của OAuth thì tôi đã hiểu rất dễ dàng. Tôi cũng đã từng tham gia các khóa học khác rồi, khả năng giảng dạy của bạn rất tuyệt vời!

Bạn sẽ nhận được điều này sau khi học.

  • Triển khai đăng nhập dựa trên mã thông báo JWT trong Spring Boot 3.x

  • Đăng ký và đăng nhập dựa trên OAuth

  • Triển khai đăng nhập Google, đăng nhập Kakao và các thao tác trên console.

1. Nội dung học tập📕

  • Thực hiện đăng nhập SNS Google/Kakao (Frontend, Backend)


  • Đăng nhập OAuth thông qua 2 cách triển khai

    • Cách 1) Đăng nhập SNS theo phương thức Frontend (mã ủy quyền), Server (access token, thông tin người dùng)

    • Cách 2) Đăng nhập SNS theo phương thức Server (mã ủy quyền, access token, thông tin người dùng) sử dụng oauth2-client của Spring


  • Tiến hành cùng nhau trong buổi học từ các bước thiết lập Google, Kakao Console.

2. Công nghệ sử dụng và các lưu ý 📢

  • Backend

    • Phát triển RESTful API dựa trên Java 17, Spring Boot 3.4, Spring Data JPA, đăng nhập bằng token JWT, MySQL

  • Front-end

    • Sử dụng html/css/js, vue3, vuetify, vue-router, v.v.

  • Lưu ý

    • Sẽ tốt hơn nếu bạn có kiến thức cơ bản về các công nghệ nêu trên, nhưng ngay cả khi chưa hiểu rõ, bạn vẫn có thể theo kịp khóa học mà không gặp trở ngại lớn.

    • Đặc biệt, phần Vue có lượng viết mã rất ít nên bạn có thể dễ dàng theo kịp. Mã nguồn cũng được công khai trên GitHub, vì vậy bạn có thể theo dõi bài học bằng cách sao chép và dán (copy-paste) một cách thuận tiện.

    • Thay đổi về Đăng nhập Kakao)

      • Sau khi quay bài giảng, giao diện người dùng (UI) của trang web Kakao Developers liên quan đến đăng nhập Kakao đã thay đổi. Đặc biệt, Kakao hiện cũng yêu cầu thiết lập mã Secret Key tương tự như Google. Vui lòng kiểm tra các thay đổi thông qua tài liệu chính thức tại liên kết bên dưới.

      • https://developers.kakao.com/docs/latest/ko/kakaologin/prerequisite#kakao-login-activate

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

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

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

  • Nhà phát triển muốn thử triển khai đăng nhập SNS

  • Người đã từng triển khai OAuth nhưng còn thiếu hiểu biết về cấu trúc của nó.

  • Nhà phát triển tò mò về việc phân chia vai trò giữa backend và frontend trong việc triển khai OAuth.

Xin chào
Đây là bradkim

3,394

Học viên

359

Đánh giá

128

Trả lời

4.9

Xếp hạng

10

Các khóa học

💪💪💪Chuyên gia có kinh nghiệm thực tế và giảng dạy 💪💪💪

Xin chào, tôi là giảng viên Kim Sun-guk (bradkim). Tôi đã tốt nghiệp Đại học Yonsei và từng làm việc với tư cách là kỹ sư phần mềm tại các tập đoàn lớn cũng như startup. Hiện tại, tôi đang làm giảng viên toàn thời gian tại một bootcamp. Với tư cách là một giảng viên có cả kinh nghiệm thực tế lẫn kinh nghiệm giảng dạy, tôi sẽ truyền đạt cho các bạn những kiến thức nhất định phải biết một cách dễ hiểu nhất.

Hồ sơ: https://www.linkedin.com/in/seongukkim

Liên hệ: ksg39412@naver.com

Thêm

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

Tất cả

20 bài giảng ∙ (6giờ 36phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

34 đánh giá

4.9

34 đánh giá

  • vidkid님의 프로필 이미지
    vidkid

    Đánh giá 7

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Đã giúp ích rất nhiều. Cảm ơn bạn~

    • yoojinleedev2252님의 프로필 이미지
      yoojinleedev2252

      Đánh giá 21

      Đánh giá trung bình 5.0

      5

      30% đã tham gia

      Hãy cố gắng cho đến khi hoàn thành nhé!

      • bigho982715님의 프로필 이미지
        bigho982715

        Đánh giá 24

        Đánh giá trung bình 5.0

        5

        100% đã tham gia

        Tôi đã từng có nỗi sợ mơ hồ rằng Social Login và OAuth2 sẽ phức tạp và đồ sộ như Spring Security nên suốt thời gian qua tôi đã không dám chạm tay vào. Tuy nhiên, thông qua bài giảng này, tôi đã có thể cảm nhận rõ ràng luồng yêu cầu nối tiếp nhau từ Mã xác thực (Authorization Code) - Mã truy cập (Access Token) - đến Thông tin người dùng. Ngoài ra, việc tự tay viết mã cho cả Front-end và Back-end đã giúp tôi hiểu rõ phạm vi trách nhiệm của từng phần cũng như các vấn đề về bảo mật. Đây là một bài giảng ngắn gọn nhưng súc tích về Social Login và JWT. Xin chân thành cảm ơn vì một bài giảng chất lượng cao.

        • bradkim
          Giảng viên

          Cảm ơn bạn bigho98 vì những đánh giá khóa học đầy tâm huyết mỗi lần nhé~! Sắp tới mình sẽ trở lại với những bài giảng chất lượng hơn nữa.

      • kukaeden님의 프로필 이미지
        kukaeden

        Đánh giá 518

        Đánh giá trung bình 5.0

        5

        60% đã tham gia

        Tôi đã học rất tốt về cấu hình Spring Security và OAuth trong Spring Boot 3.0! Đặc biệt là việc giải thích về giao diện Vue3 cũng khiến tôi thêm hứng thú và tiến hành bài học. Cảm ơn bạn vì khóa học tuyệt vời!

        • wogusrla778193님의 프로필 이미지
          wogusrla778193

          Đánh giá 1

          Đánh giá trung bình 5.0

          5

          100% đã tham gia

          Nhờ đó mà tôi đã hiểu rất nhiều về luồng đăng nhập jwt + oauth!

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

          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!