Skip to content

  • Php
    • CMS
      • Laravel
      • Moodle
      • OpenCart
        • Plugin
      • WordPress
        • funzioni
        • Template
        • Tutorial
        • Plugin
          • jwt authentication
          • Polylang
          • woocommerce
          • Yoast SEO
    • CGI
    • Function
    • Laravel
    • Script
    • Variabile
  • HTML
    • Bootstrap
    • CSS
    • Codepen
  • Python
  • Motori di ricerca
    • Google
    • SEO
  • JavaScript
    • Jquery
    • Node.js
    • Script
    • Tutorial
  • Hosting e domini
    • Domini
    • Sever
  • DataBase
    • MySql
  • Forum
Subscribe

  • Php
    • CMS
      • Laravel
      • Moodle
      • OpenCart
        • Plugin
      • WordPress
        • funzioni
        • Template
        • Tutorial
        • Plugin
          • jwt authentication
          • Polylang
          • woocommerce
          • Yoast SEO
    • CGI
    • Function
    • Laravel
    • Script
    • Variabile
  • HTML
    • Bootstrap
    • CSS
    • Codepen
  • Python
  • Motori di ricerca
    • Google
    • SEO
  • JavaScript
    • Jquery
    • Node.js
    • Script
    • Tutorial
  • Hosting e domini
    • Domini
    • Sever
  • DataBase
    • MySql
  • Forum
  • CSS
  • HTML

Google Login (autenticazione con Google) con Google OAuth 2.0.

woodos 18 Dicembre 202418 Dicembre 20244 mins0
google login

Passaggi per Creare una Google Login

Contenuti nascondi
1 Passaggi per Creare una Google Login
1.1 Crea un Progetto su Google Cloud Console
1.2 Configura la Schermata di Consenso OAuth
1.3 3. Crea le Credenziali OAuth 2.0
1.4 Integrare il Google Login nella Tua Applicazione
1.4.1 Se stai utilizzando HTML/JavaScript:
1.4.2 Esempio Backend per Verificare il Token (Node.js/Express):
1.5 Codice Node.js:
1.6 Testa la Login Google

Crea un Progetto su Google Cloud Console

  • Vai su Google Cloud Console.
  • Accedi con il tuo account Google.
  • Crea un nuovo progetto o selezionane uno esistente.
  • Abilita l’API “OAuth consent screen” (Schermata di consenso OAuth).

Configura la Schermata di Consenso OAuth

  • Nella Dashboard, vai su APIs & Services > OAuth Consent Screen.
  • Scegli “Esterno” (se l’app sarà pubblica) o “Interno” (se limitata a un’organizzazione Google Workspace).
  • Compila i dettagli richiesti (nome app, email di supporto, logo, ecc.).
  • Aggiungi gli scopes (permessi richiesti), come profile, email.
Google login
Google login

3. Crea le Credenziali OAuth 2.0

  • Vai su APIs & Services > Credentials.
  • Clicca su “Create Credentials” > OAuth Client ID.
  • Seleziona il tipo di applicazione:
    • Web Application: Se stai creando un’app per browser o un sito web.
    • Android / iOS: Per app mobili.
  • Inserisci gli URL autorizzati:
    • Authorized Redirect URI: Questo è l’URL a cui Google reindirizza dopo la login (es. https://tuosito.com/auth/callback).
  • Google fornirà un Client ID e un Client Secret.

Integrare il Google Login nella Tua Applicazione

const { OAuth2Client } = require("google-auth-library");
const client = new OAuth2Client("IL_TUO_CLIENT_ID");

async function verify(token) {
  const ticket = await client.verifyIdToken({
    idToken: token,
    audience: "IL_TUO_CLIENT_ID", // Il tuo Client ID
  });
  const payload = ticket.getPayload();
  console.log(payload); // Contiene email, nome, ecc.
}

// Chiamata dal client
app.post("/auth/google", (req, res) => {
  const token = req.body.token;
  verify(token)
    .then((data) => res.send("Login effettuato"))
    .catch((err) => res.status(401).send("Token non valido"));
});

Se stai utilizzando HTML/JavaScript:

Puoi usare la Google Sign-In JavaScript Library.

Esempio Backend per Verificare il Token (Node.js/Express):

Usa la libreria google-auth-library per verificare il token:

 npm install google-auth-library 

Codice Node.js:

const { OAuth2Client } = require("google-auth-library");
const client = new OAuth2Client("IL_TUO_CLIENT_ID");

async function verify(token) {
const ticket = await client.verifyIdToken({
idToken: token,
audience: "IL_TUO_CLIENT_ID", // Il tuo Client ID
});
const payload = ticket.getPayload();
console.log(payload); // Contiene email, nome, ecc.
}

// Chiamata dal client
app.post("/auth/google", (req, res) => {
const token = req.body.token;
verify(token)
.then((data) => res.send("Login effettuato"))
.catch((err) => res.status(401).send("Token non valido"));
});

 

Testa la Login Google

  • Avvia il tuo server o apri il sito.
  • Assicurati che il pulsante di login compaia correttamente e che l’autenticazione funzioni.
Tagged: APIs APIs & Services Credentials Credenziali Credenziali OAuth Credenziali OAuth 2.0 Google Google Login Google OAuth 2.0. login OAuth 2.0 Services

woodos

Navigazione articoli

15 Dicembre 202415 Dicembre 2024
Editor WYSIWYG (visuali) per i contenuti di un CMS
22 Dicembre 202422 Dicembre 2024
Creare una funzionalità di ricerca personalizzata

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre lo spam. Scopri come vengono elaborati i dati derivati dai commenti.

Related Articles

Cos’è jQuery e perché è ancora utile oggi

woodos22 Giugno 202522 Giugno 20250

Collegamenti ipertestuali in HTML: guida completa all’uso del tag

woodos2 Giugno 202524 Maggio 20250

Funzioni in JavaScript: dichiarazione, espressioni e uso pratico

woodos28 Maggio 202522 Maggio 20250
Diagramma che mostra il legame tra tag semantici e SEO

I tag semantici in HTML5: cosa sono e perché migliorano il tuo sito

woodos26 Maggio 202521 Maggio 20250
  • Php
    • CMS
      • Laravel
      • Moodle
      • OpenCart
        • Plugin
      • WordPress
        • funzioni
        • Template
        • Tutorial
        • Plugin
          • jwt authentication
          • Polylang
          • woocommerce
          • Yoast SEO
    • CGI
    • Function
    • Laravel
    • Script
    • Variabile
  • HTML
    • Bootstrap
    • CSS
    • Codepen
  • Python
  • Motori di ricerca
    • Google
    • SEO
  • JavaScript
    • Jquery
    • Node.js
    • Script
    • Tutorial
  • Hosting e domini
    • Domini
    • Sever
  • DataBase
    • MySql
  • Forum

Tag

#_SESSION accessibilità array backend ccTLD cms css css3 dominio editor Frontend Funzioni Funzioni PHP per XML Google hosting HTML HTML5 HTTP HTTPS input javascript jQuery JSON link login mysql permalink PHP Programmazione Python return script seo SERP server session sessione ssl TAG template tutorial web web design wordpress wp

Post Grid

Scopri come creare un'interazione dinamica tra jQuery e PHP usando AJAX. Guida passo passo con esempio funzionante e codice HTML/PHP.
  • Php

Interazione tra jQuery e PHP: guida completa con esempio pratico

6 Luglio 20256 Luglio 2025
  • JavaScript

Cos’è jQuery e perché è ancora utile oggi

22 Giugno 202522 Giugno 2025
  • Python

Cicli for e while in Python: guida pratica alla ripetizione dei blocchi

7 Giugno 202529 Maggio 2025
  • Motori di ricerca

Differenza tra risultati organici e a pagamento nei motori di ricerca

5 Giugno 202524 Maggio 2025

Blogzee - Blog WordPress Theme 2025.
Gestisci Consenso Cookie
Utilizziamo tecnologie come i cookie per memorizzare e/o accedere alle informazioni del dispositivo. Lo facciamo per migliorare l'esperienza di navigazione e per mostrare annunci personalizzati. Il consenso a queste tecnologie ci consentirà di elaborare dati quali il comportamento di navigazione o gli ID univoci su questo sito. Il mancato consenso o la revoca del consenso possono influire negativamente su alcune caratteristiche e funzioni.

Pubblicità e contenuti personalizzati, misurazione delle prestazioni dei contenuti e degli annunci, ricerche sul pubblico, sviluppo di servizi

Archiviare informazioni su dispositivo e/o accedervi

I tuoi dati personali verranno trattati da 137 fornitori TCF e 62 partner pubblicitari e le informazioni raccolte dal tuo dispositivo (come cookie, identificatori univoci e altri dati del dispositivo) potrebbero essere condivise con questi ultimi, da loro visualizzate e memorizzate oppure essere usate nello specifico da questo sito o questa app.

Alcuni fornitori potrebbero trattare i tuoi dati personali sulla base dell'interesse legittimo, al quale puoi opporti gestendo le tue opzioni qui sotto. Cerca nella parte inferiore di questa pagina o nelle nostre norme sulla privacy un link che ti permette di ritirare il consenso.
Funzionale Sempre attivo
L'archiviazione tecnica o l'accesso sono strettamente necessari al fine legittimo di consentire l'uso di un servizio specifico esplicitamente richiesto dall'abbonato o dall'utente, o al solo scopo di effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica.
Preferenze
L'archiviazione tecnica o l'accesso sono necessari per lo scopo legittimo di memorizzare le preferenze che non sono richieste dall'abbonato o dall'utente.
Statistiche
L'archiviazione tecnica o l'accesso che viene utilizzato esclusivamente per scopi statistici. L'archiviazione tecnica o l'accesso che viene utilizzato esclusivamente per scopi statistici anonimi. Senza un mandato di comparizione, una conformità volontaria da parte del vostro Fornitore di Servizi Internet, o ulteriori registrazioni da parte di terzi, le informazioni memorizzate o recuperate per questo scopo da sole non possono di solito essere utilizzate per l'identificazione.
Marketing
L'archiviazione tecnica o l'accesso sono necessari per creare profili di utenti per inviare pubblicità, o per tracciare l'utente su un sito web o su diversi siti web per scopi di marketing simili.
Gestisci opzioni Gestisci servizi Gestisci {vendor_count} fornitori Per saperne di più su questi scopi
Visualizza le preferenze
{title} {title} {title}
Go to mobile version