BEST

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

Name: Đăng nhập SNS Kakao, Google (springboot3, vue3)
Price: 55000 KRW
Rating: 4.9 (29 reviews)

Sử dụng Spring Boot để triển khai đăng nhập Kakao, Google. Đăng nhập dựa trên JWT token được triển khai. Cấu hình màn hình đơn giản thông qua Vue3.

(4.9) 29 đánh giá

202 học viên

bradkim

로그인처리

OAuth

oauth2

JWT

Spring Boot

Vue.js

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

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

Triển khai đăng nhập dựa trên jwt token với springboot 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à thao tác console

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

Triển khai đăng nhập Google/Kakao SNS (giao diện, nền tảng)
đăng nhập oauth thông qua 2 phương pháp triển khai
- Phương pháp 1) Đăng nhập SNS bằng phương pháp front-end (mã xác thực) và máy chủ (mã thông báo truy cập, thông tin người dùng)
- Phương pháp 2) Đăng nhập SNS bằng máy chủ (mã xác thực, mã thông báo truy cập, thông tin người dùng) bằng phương pháp sử dụng oauth2-client của spring
Google và Kakao console cùng làm việc trong lớp học

2. Công nghệ và các biện pháp phòng ngừa 📢

Phần sau
- java17, phát triển api restful dựa trên springboot3.4, spring data jpa, đăng nhập mã thông báo jwt, mysql
Đằng trước
- Sử dụng html/css/js, vue3, vuetify, vue-router, v.v.
thận trọng
- Sẽ rất hữu ích nếu có kiến thức cơ bản về các công nghệ nêu trên, nhưng ngay cả khi bạn không hiểu biết, bạn vẫn có thể theo học lớp học mà không gặp nhiều khó khăn.
- Đặc biệt, phần vue cần rất ít mã, do đó bạn có thể dễ dàng theo dõi. Mã này cũng có sẵn trên GitHub, vì vậy bạn có thể dễ dàng sao chép và dán mã để theo dõi lớp học.

3. Tài liệu giảng dạy 📢

Bạn có thể xem tất cả tài liệu lớp học trong tài liệu Notion được liên kết bên dưới và tài liệu lớp học PDF có cùng nội dung cũng được tải lên cho mỗi bài giảng. (Notion dễ xem hơn!!)
- https://picturesque-staircase-f6e.notion.site/SNS-18223940dccf8011a6e3fc7b17e3a463?pvs=74
Mã nguồn sẽ được tạo cùng với người hướng dẫn có sẵn trên GitHub.
- https://github.com/kimseonguk197/kakao_google_oauth_inflearn.git

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

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

Một nhà phát triển muốn triển khai đăng nhập SNS
Người đã triển khai OAuth nhưng thiếu hiểu biết về cấu trúc
Một nhà phát triển tò mò về sự phân biệt giữa miền back-end và miền front-end trong việc triển khai oauth

Xin chào
Đây là

2,765

Học viên

287

Đánh giá

120

Trả lời

5.0

Xếp hạng

Các khóa học

💪💪💪실무와 강의 경력을 갖춘 전문가 💪💪💪

안녕하세요 김선국(bradkim) 강사입니다. 연세대학교를 졸업하고 대기업, 스타트업 등에서 8년 이상을 소프트웨어 엔지니어로 일해왔습니다. 현재는 부트캠프에서 전업 강사로 일하고 있습니다. 실무 경험과 강의 경험을 모두 갖춘 강사로서, 여러분들에게 반드시 알아야할 지식들 위주로 알기쉽게 전달 드리겠습니다.

프로필 : https://www.linkedin.com/in/seongukkim

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

Phần 1. Cấu hình dự án

2 bài giảng ∙ (33phút)

1. Tổng quan về môn học
11:56
2. Cài đặt môi trường
21:41

Phần 2. Hiểu biết về công nghệ nền tảng OAuth

3 bài giảng ∙ (35phút)

3. Các yếu tố chính OAuth
10:35
4. 마̃ xác thực (cấp bởi frontend)
14:22
5. Mã ủy quyền (backend cấp)
10:19

Phần 3. Triển khai phần thành viên

7 bài giảng ∙ (2giờ 32phút)

6. Cấu hình ERD
21:21
7. Đăng ký
16:32
8. Tạo token
24:51
9. cấu hình filterchain
19:33
10. Xác thực token
25:09
11. Bố cục màn hình-header
25:55
12. Cấu hình màn hình - Đăng ký/Đăng nhập
19:09

Phần 4. oauth triển khai - luồng mã frontend

7 bài giảng ∙ (2giờ 17phút)

Phần 5. Triển khai OAuth - Cách máy chủ nhận hết đến mã ủy quyền

1 bài giảng ∙ (37phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

29 đánh giá

4.9

29 đánh giá

yoojinleedev2252
Đánh giá 20
∙
Đánh giá trung bình 5.0
5
30% đã tham gia
完走するまでファイティング
vidkid
Đánh giá 7
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
とても助かりました。ありがとうございます〜
kukaeden
Đánh giá 486
∙
Đánh giá trung bình 5.0
5
60% đã tham gia
Spring Boot 3.0でのSpring SecurityとOAuth設定について良く学びました！特にVue3画面についての説明もしていただいて、より興味を持って進めることができたと思います。良い講義をありがとうございます！
didakd225197
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
95% đã tham gia
oauth-clientだけで実装する方法を知っていたのですが、他の方法ではこのように実装するんですね 😆😆 ありがとうございます！！
ttt123
Đánh giá 15
∙
Đánh giá trung bình 5.0
5
95% đã tham gia
講義力、神です... 素晴らしい講義ありがとうございます。

1.162.383 ₫

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!

開発者が知っておくべき Redis の基本

bradkim

REDIS の基本的なデータ構造と REDIS の実務活用例を redis-cli (コマンド) 実習を通じて学びます。

입문

Redis, devops, database

開発者が知っておくべき Redis の基本

bradkim

eksを活用したspring本番サーバーデプロイ(feat. devopsのすべて)

bradkim

ドメイン購入およびeksを活用したspringboot本番サーバーデプロイ、docker基礎、kubernetes基礎、aws基礎、github actionsを通じたCI/CD自動化、argocd、prometheus/grafanaなどdevops全般について学びます。

초급

AWS, Docker, Kubernetes

eksを活用したspring本番サーバーデプロイ(feat. devopsのすべて)

bradkim

スピーディーに学ぶSpring Cloud基礎(MSA)

bradkim

Spring Cloudを活用したMSAサーバー構成について学習します。

초급

Spring Cloud, MSA, eureka

スピーディーに学ぶSpring Cloud基礎(MSA)

bradkim

実践活用のためのgit/github(feat.各種コンフリクトの解決)

bradkim

git/GitHubの基礎的な知識から、実務で直面する様々なコンフリクト状況に対する実践的な解決策と戦略を学びます。

입문

Git, GitHub, gitlab

実践活用のためのgit/github(feat.各種コンフリクトの解決)

bradkim

Websocket/STOMP チャットサービス (spring、vue、redis)

bradkim

Websocket/stomp、springboot を活用してチャットサービスを開発します。比較的簡単なフレームワークである vue.js を使用して、簡単な画面も構成します。redis pub/sub を使用して、マルチサーバー拡張性設計も構成します。

초급

websocket, pubsub, Spring Boot

Websocket/STOMP チャットサービス (spring、vue、redis)

bradkim

MariaDB(MySQL)のすべて - 深刻な編

bradkim

開発初心者、バックエンド開発者、SQLD試験準備受講生など、開発者なら知っておくべきMariaDB(MySQL)のすべてを学びます。授業は、実際にDBを構築する実習中心で進められます。

초급

MariaDB, MySQL, sql-join

MariaDB(MySQL)のすべて - 深刻な編

bradkim

MariaDB(MySQL)のすべて - 基本編

bradkim

입문

MariaDB, MySQL

MariaDB(MySQL)のすべて - 基本編

bradkim

開発者なら知っておくべき Linux (Ubuntu) 基本

bradkim

DevOpsやLinuxのエキスパートでなくても、開発者なら必ず知っておくべきLinuxの必須知識について学びます。ハンズオン形式で授業が進められます。

입문

Linux, ubuntu, Shell Script

開発者なら知っておくべき Linux (Ubuntu) 基本

bradkim

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!

ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)

hodolman888675

単にアプリケーションを 1 つ作成するだけではありません。Spring Boot を活用したバックエンドから Vue.js モダンフロントエンドスタックを連携したサービスの完成まで、A から Z までご紹介します。

중급이상

Spring Boot, JPA, AWS

ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)

hodolman888675

Webで扱うネットワーク通信 - 基礎からHTTP、SSE、WebSocketそしてWebRTC P2P通信まで

sir24is

様々な通信技法について学び、その違いを理解することで、最も適切な通信方法を選択し実装する能力を身につけることができます。

입문

JavaScript, React, Java

Webで扱うネットワーク通信 - 基礎からHTTP、SSE、WebSocketそしてWebRTC P2P通信まで

sir24is

ジュジュで一日で始まるバックエンド - スプリング、ドッカー、AWS

jyujyu

バックエンド開発をどこから始めなければならないのか、やめませんでしたか？ジュジュと一緒に一日でバックエンドの開発を始めましょう！

초급

Spring, Spring Boot, JPA

ジュジュで一日で始まるバックエンド - スプリング、ドッカー、AWS

jyujyu

[最新]Vue川の終わりの王：Nuxt 3完璧マスター

gymcoding

Vueベースでパフォーマンスに優れたWebをすばやく作成するのに役立つNuxtフレームワーク講義です。

중급이상

Vue.js, Nuxt.js, pinia

[最新]Vue川の終わりの王：Nuxt 3完璧マスター

gymcoding

トレロ開発で学ぶVuejs、Vuex、Vue-Routerフロントエンドの実戦技術

jeonghwan

他のWebアプリケーションを私の手で実装することで、Vuejsの中級技術（Vuex、Vue-Router、Http）を学ぶことができます。パブリッシングの結果物、APIサーバーとドキュメントするなどをあらかじめ構成したため、コラボレーションする方法も体験できる講義です。

중급이상

JavaScript, Vue.js

トレロ開発で学ぶVuejs、Vuex、Vue-Routerフロントエンドの実戦技術

jeonghwan

Spring Bootによるウェブプログラミング: ウェブサイトはこうやって作るんです！

blogstudy0222

カレンダー（スケジュール管理）を作りながら学ぶSpring Webプログラミング！短いサンプルではなく、すぐに使える実践的な例でSpringを完全マスターしましょう〜！

초급

Spring Boot, Spring Security, JPA

Spring Bootによるウェブプログラミング: ウェブサイトはこうやって作るんです！

blogstudy0222

クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）

gymcoding

Vue.jsでウェブ開発を行い、クエサー（Quasar）を利用したい方のための講義です。社内でフロントウェブをすばやく構築する必要がある方、または自分だけの素敵なUIを作成しなければならない方ですか？このレッスンを通じて簡単かつ迅速にフロントウェブを作成できます。

초급

Quasar, Vue.js

クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）

gymcoding

最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

gymcoding

"Vue 3 完全マスター" 後続の講義で最新の Vue 3 バージョンのプロジェクト設定と最新のスペックを習得する講義です。

초급

Vue.js, Vue 3, TailwindCSS

最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

gymcoding

実戦ですぐに使えるElasticsearch入門（検索最適化編）

jscode

非専門家の立場からでも簡単に理解でき、実践ですぐに応用可能な「Elasticsearch入門」の講義を作ってみました！

초급

Spring Boot, Elasticsearch, devops

実戦ですぐに使えるElasticsearch入門（検索最適化編）

jscode

ThreeJSとSpringAIで作る3D地球儀記事サービス

Neo

ThreeJSとSpringAIで作る3D地球儀記事サービス自分だけのチャットボットとThreeJSを通じて3D地球儀記事サービスを作ってみましょう！

초급

React, Kotlin, Spring Boot

ThreeJSとSpringAIで作る3D地球儀記事サービス

Neo

誰よりも早く挑戦するChatGPTクローンコーディング

Neo

ChatGPTをクローンコーディングしながら最初から最後まで直接実装してみるフルスタック実習講義です。 Spring Bootサーバーとreactフロントエンドまで！単純にコードを真似するだけの講義ではなく、実際のサービスデプロイを通じて完成度の高いAIチャットボットサービスを構築できるようにご案内します。

초급

JavaScript, React, Java

誰よりも早く挑戦するChatGPTクローンコーディング

Neo

本当のjOOQ！ Type Safe SQL with Java

sdm32851630

jOOQでType SafeしたSQLの強力さを体験してください！

중급이상

Java, jooq, SQL

本当のjOOQ！ Type Safe SQL with Java

sdm32851630

1日で作る自分だけのビジュアルノベルゲーム

Neo

React、Javascript、SpringAI、Springbootを通じて自分だけのビジュアルノベルゲームを作ってみましょう。 SpringAIとReactを通じてウェブベースのビジュアルノベルゲームを作る方法をお教えします！

초급

React, Spring Boot, AI

1日で作る自分だけのビジュアルノベルゲーム

Neo

1時間でチキンコンボ値で学ぶサーバー配布

Neo

チキンコンボ値でスプリングブートを手動で配布する ->ドッカーとして配布 -> Github Action CI/CD の順で配布プロセスを学びます。

초급

Spring Boot, github-actions, Docker

1時間でチキンコンボ値で学ぶサーバー配布

Neo

[Season 2] Spring AI実戦：Multi AIエージェントシステム開発

bitcocom

Spring AI Router Pattern + RAG + MCPを活用した「インテリジェント協業」専門家エージェントチーム構築単一エージェントを超えてアーキテクチャへ：Routerパターンとエージェント分離(Isolation)設計の定石

초급

Spring Boot, RAG, AI Agent

[Season 2] Spring AI実戦：Multi AIエージェントシステム開発

bitcocom

[Season 1] Spring AI 実戦：プレミアム予約AIエージェント開発

bitcocom

Spring AI + JPA + MySQLを活用した「自律行動型」プレミアム予約エージェントバックエンド開発チャットボットを超えてエージェントへ：Tool Callingとプロンプトエンジニアリングの定石

초급

Java, Spring Boot, backend

[Season 1] Spring AI 実戦：プレミアム予約AIエージェント開発

bitcocom

インフラ工房 - もっともらしいサービス作り

brainbackdoor

このプロセスは、現業と同様に、インフラストラクチャを構成し、必要な知識を学習して適用する段階に進みます。

초급

Network, Linux, Spring Boot

インフラ工房 - もっともらしいサービス作り

brainbackdoor

誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成

Neo

誰よりも早く学ぶ Springboot + iOS RestAPI 掲示板作成 Springboot で CRUD サーバーを開発し、iOS で自分だけの掲示板を作ってみましょう！

입문

iOS, Kotlin, REST API

誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成

Neo

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

AIはもはや選択ではなく生存の問題です。 3日かかっていた開発を30分に短縮し、反復業務はAIに任せてあなたはより重要な問題解決に集中してください。理論ではなく実務ですぐに使えるAIネイティブ開発法で、会社で「AIが得意な開発者」として認められる確実な方法をお教えします。

초급

Spring Boot, Next.js, AI

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

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

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

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

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

2. Công nghệ và các biện pháp phòng ngừa 📢

3. Tài liệu giảng dạy 📢

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

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

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

Đánh giá

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

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

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

Xin chào
Đây là