ASP.NET - Login con Google

Cosa fare su Google

Registrare su Google una nuova applicazione, collegandosi al link https://console.developers.google.com/iam-admin/projects

Selezionare il bottone "Create Project"
Una volta creato il progetto, selezionate il menu di sinistra Settings e prendete nota del valore di PROJECT ID
Andare alla pagina delle Google Apis, https://console.developers.google.com/apis
Selezionare le Google+ API e abilitarle con pulsante "Enable"
Ora selezionate la voce Credentials sul menu di sinistra
Dalla pagina delle Credentials selezionate il botton "Create Credentials" scegliendo l'opzione OAuth Client ID
Dalla pagina di creazione del Client ID selezionare l'opzione "Web application", dare un nome alla web application e valorizzare il campo "Authorized redirect URIs", impostando tutte le pagine del nostro sito che saranno abilitate a ricevere le risposte dalle API di Google. Nel nostro esempio valorizzeremo il campo con "http://localhost:50101/Pages/loginGoogle.aspx"
Una volta creato il Client ID, prendere nota dei valori di CLIENT ID e CLIENT SECRET

Cosa fare su Visual Studio

Inserire nel web.config tre nuovi app setting, che contengo rispettivamente l'ID APPLICAZIONE e la CHIAVE SEGRETA, ottenuti registrando l'applicazione su Google

  
    <add key="GoogleClientId" value="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"/>
    <add key="GoogleClientSecret" value="xxxxxxxxxx"/>
    <add key="GoogleProjectId" value="xxxxxxx"/>

Creare la seguente classe CGoogle nel progetto

public class CGoogle
{
    public class User
    {
        public string displayname { get; set; }
        public string url { get; set; }
        public string id { get; set; }
    }

    /// <summary>
    /// 
    /// </summary>
    /// <param name="code"></param>
    /// <param name="redirPage">The page that will use the data. Absolute url starting from root. Example: /account/user.aspx</param>
    /// <returns></returns>
    public static List<CGoogle.User> GetUserData(string code, string redirPage)
    {
        // Exchange the code for an extended access token
        string myPort = "";
        if (HttpContext.Current.Request.ServerVariables["SERVER_PORT"] != "80") myPort = ":" + HttpContext.Current.Request.ServerVariables["SERVER_PORT"];


        //MANDO I DATI IN POST
        ASCIIEncoding encoding = new ASCIIEncoding();
        string postData = "code=" + code + "&client_id=" + ConfigurationManager.AppSettings["GoogleClientId"] +
            "&client_secret=" + ConfigurationManager.AppSettings["GoogleClientSecret"] +
            "&redirect_uri=http://" + HttpContext.Current.Request.ServerVariables["SERVER_NAME"] + myPort + redirPage.ToLower() +
            "&grant_type=authorization_code";
        //postData += ("&username=" + strName);
        byte[] data = encoding.GetBytes(postData);
        // Prepare web request...
        HttpWebRequest myRequest =
          (HttpWebRequest)WebRequest.Create("https://accounts.google.com/o/oauth2/token");
        myRequest.Method = "POST";
        myRequest.ContentType = "application/x-www-form-urlencoded";
        myRequest.ContentLength = data.Length;
        Stream newStream = myRequest.GetRequestStream();
        // Send the data.
        newStream.Write(data, 0, data.Length);
        newStream.Close();
        StreamReader eatStr = new StreamReader(myRequest.GetResponse().GetResponseStream());
        string eatToken = eatStr.ReadToEnd().ToString().Replace("{", "").Replace("}", "").Replace("\"", "");

        // Split the access token and expiration from the single string
        string[] eatWords = eatToken.Split(',');
        string extendedAccessToken = eatWords[0].Replace("\n  access_token : ", "");


        //MANDO I DATI IN GET
        Uri targetUserUri = new Uri("https://www.googleapis.com/plus/v1/people/me?key=" + ConfigurationManager.AppSettings["GoogleProjectId"] +"&access_token=" + extendedAccessToken);
        HttpWebRequest user = (HttpWebRequest)HttpWebRequest.Create(targetUserUri);
        //Read the returned JSON object response
        StreamReader userInfo = new StreamReader(user.GetResponse().GetResponseStream());

        string jsonResponse = string.Empty;
        jsonResponse = userInfo.ReadToEnd();


        // Deserialize and convert the JSON object to the Facebook.User object type
        JavaScriptSerializer sr = new JavaScriptSerializer();
        string jsondata = jsonResponse;
        CGoogle.User converted = sr.Deserialize<CGoogle.User>(jsondata);

        // Write the user data to a List
        List<CGoogle.User> currentUser = new List<CGoogle.User>();
        currentUser.Add(converted);

        // Return the current Facebook user
        return currentUser;
    }

    /// <summary>
    /// 
    /// </summary>
    /// <param name="redirPage">The page that will use the data. Absolute url starting from root. Example: /account/user.aspx</param>
    /// <returns></returns>
    public static string getUrlLogin(string redirPage)
    {
        string myPort = "";
        if (HttpContext.Current.Request.ServerVariables["SERVER_PORT"] != "80") myPort = ":" + HttpContext.Current.Request.ServerVariables["SERVER_PORT"];
        string myRes = "https://accounts.google.com/o/oauth2/auth?response_type=code&client_id=" + ConfigurationManager.AppSettings["GoogleClientId"] +
            "&project_id=" + ConfigurationManager.AppSettings["GoogleProjectId"] + "&redirect_uri=http://" + HttpContext.Current.Request.ServerVariables["SERVER_NAME"] + myPort + redirPage.ToLower() +
            "&scope=profile";

        return myRes;
    }

}

Scegliete ora la pagina in cui volete inserire il link che chiamerete, ad esempio, LOGIN CON GOOGLE

Nel code behind di questa pagina, all'evento Page_Load, valorizzare l'url col metodo getUrlLogin della classe CGoogle.

         hlGoogleLogin.NavigateUrl = CGoogle.getUrlLogin("/pages/loginGoogle.aspx");

Il metodo precedente ha un parametro che deve essere valorizzato col il path assoluto della pagina che poi verrà richiamata da Google dopo il login, e alla quale Google passerà i dati dell'utente, che serviranno a noi per gestire la nostra logica applicativa.
A questo punto abbiamo una pagina che contiene il link "LOGIN CON GOOGLE".

Quando l'utente lo seleziona viene reindirizzato a Google.
Se è la prima volta che accede dal nostro sito, Google chiederà il permesso all'utente di usare la nostra applicazione di Google.
Quindi, dopo che l'utente avrà accettato, Google reindirizzerà il browser alla pagina che abbiamo specificato prima (nel nostro esempio loginGoogle.aspx)

Pagina loginGoogle.aspx

Questa pagina avrà il seguente codice nell'evento Page_Load:

        if (Request.QueryString["code"] != "")
        {
            List<CGoogle.User> myUser = CGoogle.GetUserData(Request.QueryString["code"], "/pages/loginGoogle.aspx");

            //CREO LA SESSIONE CON I DATI DELL'UTENTE myUser
        }

Attenzione

Accedi con Google

ASP.NET - Login con Google

Cosa fare su Google

Cosa fare su Visual Studio

Notifiche