How to add Google Login to your Website or WebApp ?

Hello readers 🙂 If you want to know how to add Google Login to your website or WebApp without using existing Google’s API, then this series of tutorial is for you. Hoping that you will find it useful. So let’s begin. There are two ways of adding Google Login (Authentication) to your website or web app.

  1. Using OpenID Connect (OAuth 2.0 for Login)
  2. Using Google+ Sign-In client library that is built on the OAuth 2.0 and OpenID Connect protocols.

 Google always recommends using existing client libraries rather that implementing Open Id connect authorization programmatically. This is because various security reasons. If you want to provide a “sign-in with Google” button for your website or app, Google recommends using Google+ Sign-In, which is Google’s sign-in client library that is built on the OAuth 2.0 and OpenID Connect protocols. Google+ Sign-in works with all Google accounts, whether or not they have a Google+ profile.

Whereas in this tutorial we are going to see first approach rather than using Google’s existing client libraries, that is how we can implement Google’s OAuth 2.0 for adding authentication and authorization to our website or web app.

In this approach we simply redirect (with some parameter, don’t worry we gone see it in detail) user to well know Google’s authorization endpoint URI, the process also called as Sending authentication request to Google, which will be handling login process (authentication and authorization). Once Google done with login then it will redirect back to our URI (again with some parameters i.e., onetime access code, if everything goes well or error if something fails). After that we again send another request (again with some essential parameters) to Google’s token endpoint, and which in response returns us a ID token and access token. Once we have obtained this ID token we are done. With the help of this ID token we can request required details about user, this process called as Obtaining user information from the ID token we gone see it in detail. And with the help of access token we can handle user’s account using various Google APIs. So let’s begin step by step.

Stay tuned.. Next post will be made available soon and Don’t forget to subscribe our blog.

Comments

Post a Comment

Popular posts from this blog

MATLAB code for Circular Convolution using Matrix method

Image
% circular convolution using matrix method %clc;x=[1,2,3,1];h=[4,3,2,2];H=zeros(0);h_index=1;N=length(x);y=zeros(0);disp('x(n)=');disp(x);disp('h(n)=');disp(h);subplot(4,1,1);stem(x);title('Signal One : x(n) ');subplot(4,1,2);stem(h);title('Signal Two : h(n)');temp=0;for i=1:NH(i,1)=h(i);end;for i=2:N    h=circshift(h, [0,1]);    for j=1:N     H(j,i)= h(j);   end;end;disp('H =>>');disp(H);for i=1:N    for j=1:N        temp=temp+H(i,j)*x(j);    end;    y(i)=temp;    temp=0;end;disp('Circular Convolution : y(m)==>');disp(y);subplot(4,1,3);stem(y);title('Circular Convolution: y(m)');   Output:
Read more

Positive number pipe in angular 2+

Code: import {Pipe, PipeTransform} from '@angular/core'; @Pipe({   name: 'positive' }) export class PositivePipe implements PipeTransform {   transform(value: number, args?: any): any {     return Math.abs(value);   } } How to use: {{ someNumber| positive }}
Read more