آموزش هر برنامه Frontend را با ورود به سیستم با استفاده از Google & SpringBoot فعال کنید

دانلود Enable Any Frontend App with Login using Google & SpringBoot

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با استفاده از Google Oauth2 و SpringBoot Login با Google را در برنامه Frontend خود با استفاده از Google Oauth2 و SpringBoot فعال کنید. با Oauth2 و امنیت Spring آشنا خواهید شد. با ایجاد نقطه پایانی REST با استفاده از Springboot آشنا خواهید شد. یک frontend و اتصال آن با ورود با گوگل پیش نیازها: دانش پایه HTML، جاوا

در این دوره شما یاد خواهید گرفت که با استفاده از HTML، CSS، JavaSCript و Bootstrap یک برنامه frontend ایجاد کنید.

سپس ما یاد خواهیم گرفت که یک برنامه Springboot ایجاد کنیم. پس از آن، ما به ایجاد چند نقطه پایانی REST API در برنامه Springboot خود ادامه خواهیم داد.

در مرحله بعد به پیکربندی dashbaord کنسول گوگل برای ثبت برنامه Springboot خود خواهیم پرداخت.

سپس از برنامه Springboot خود با کنسول Google ارتباط برقرار می کنیم.

پس از آن، امنیت Spring را در برنامه Springboot خود به گونه‌ای پیکربندی می‌کنیم که فقط نقاط پایانی مجاز نیازی به احراز هویت نداشته باشند. اما برای سایر نقاط پایانی، کاربر به صفحه تأیید اعتبار Google هدایت می‌شود.

در صفحه احراز هویت Google، کاربر اعتبارنامه گوگل خود را پر می کند. اگر اعتبارنامه‌های وارد شده، کاربر صحیح باشد، به برنامه Springboot ما هدایت می‌شود.

اکنون زمان آن رسیده است که ما برنامه frontend خود را ایجاد کنیم و این frontend را به برنامه Springboot خود متصل خواهیم کرد.

بنابراین کاربر اکنون به Frontend ما می‌آید، سپس با google وارد می‌شود.

در صورت ورود موفقیت آمیز، اطلاعات کاربر را از گوگل دریافت می کنیم و در صفحه بعدی به کاربر نشان می دهیم.

با قابلیت ورود با Google، ما مجبور نیستیم یک پایگاه داده جداگانه کاربر را نزد خود نگه داریم، بلکه می توانیم از گوگل بخواهیم که کاربر ما را از طرف برنامه ما احراز هویت کند. اگر با موفقیت احراز هویت شد، Google تمام اطلاعات نمایه کاربر را به ما می‌دهد.

با استفاده از این اطلاعات می توانیم عملیات بیشتری را در برنامه خود انجام دهیم.


سرفصل ها و درس ها

مقدمه و نصب نصب Introduction & Installation Setup

  • مرور دوره Course Overview

  • درباره مربی شما About your Instructor

  • نصب نرم افزار Software Installation

Google Console Setup & Architecture Google Console Setup & Architecture

  • کل گردش کار پروژه و معماری Overall Project Workflow and Architecture

  • ایجاد پروژه کنسول Google Console و به روز رسانی به روز رسانی Create Google Console Project & Update consent screen

  • ایجاد شناسه مشتری و اعتبار مشتری Creating Client Id and Client Credentials

کار با Springboot & Security Working with SpringBoot & Security

  • تولید پروژه بوت بهار از بهار اولیه بهار Generating Springboot Project from Spring Initializer

  • واردات پروژه به Intellij Import project to intellij

  • پیاده سازی کنترل کننده با نقطه پایانی تبریک Implementing Controller with Greeting Endpoint

  • پیکربندی امنیت بهار برای ClientiD و ClientSecret Spring security configuration for clientId and clientSecret

  • اجرای کلاس پیکربندی امنیت بهار Implementing Spring Security Config class

  • تست ورود به سیستم با حساب معتبر Google Test Log-in with Valid Google Account

  • ورود به سیستم اطلاعات کاربر در برنامه ما Getting LoggedIn user profile information in our application

توسعه ظاهری و ادغام با backend Developing Frontend & Integrating with Backend

  • دانلود کد ویژوال استودیو Downloading Visual Studio Code

  • راه اندازی جلوی Setting up Frontend

  • یکپارچه سازی بوت استرپ 5 Integrating Bootstrap5

  • اضافه کردن ورود با Google Link Add Login with Google Link

  • تغییر مسیر کاربر به صفحه شاخص جلو Redirect User to Frontend Index page

  • Fetch API تماس بگیرید تا داده های کاربر فعلی را دریافت کنید Fetch API call to Get Current User Data

  • حل مسئله CORS Solve the CORS issue

  • درک کامل جریان احراز هویت گوگل Understanding the complete google authentication flow

  • طراحی صفحه اصلی ما برای نمایه کاربر Designing Our Homepage for User Profile

  • پایان دادن به تست پایان دادن به کاربر چند کاربر گوگل End to End testing with multiple google user login

نمایش نظرات

آموزش هر برنامه Frontend را با ورود به سیستم با استفاده از Google & SpringBoot فعال کنید
جزییات دوره
1 hour
23
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
17,037
4.5 از 5
ندارد
دارد
دارد
Ranjan Pandey
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ranjan Pandey Ranjan Pandey

نرم افزار حرفه ای با 11+ سال تجربه در ITI یک نرم افزار Fullstack DevOps با 11+ سال تجربه در انواع فناوری ها از جمله توسعه وب و برنامه های تلفن همراه با استفاده از HTML5 ، CSS3 ، JavaScript ، JQuery ، Bootstrap ، Angular ، React ، Java ، Spring ، Springboot ، Python ، Flask ، Django ، NodeJS ، Express ، Android ، Ionic ، React Native ، Flutter به هوش مصنوعی و فناوری های ابری مانند سرویس های وب آمازون و Microsoft Azure. من همچنین دارای گواهینامه جاوا ، Azure cloud ، محصول Backbase هستم. من تجربه کار با چندین مشتری MNC و اروپایی را دارم. من همچنین یک مربی شرکتی هستم که طیف گسترده ای از آموزش را ارائه می دهد.