Skip to content

nicoarbio/get-googlejwt-from-clientid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

Utilitario para obtener token JWT de google a partir de Google Client ID

https://nicoarbio.github.io/get-googlejwt-from-clientid/

Configuración

Configuración de uso desde Github Page

  1. Ir a la consola de Google y agregar https://nicoarbio.github.io a los "Orígenes autorizados de JavaScript"

Configuración de uso desde entorno local (con VSCode)

  1. Clonar repo
  2. Instalar extensión VSCode
    1. La página si es abierta como un archivo .html no funcionará, necesitamos instalar una extensión en VSCode para poder levantar un server local de forma que se pueda acceder a, por ejemplo: http://localhost:3000/index.html.
      1. Puede ser cualquier extensión pero recomiendo usar "Five Server" (En marketplace de VSCode con id yandeu.five-server).
      2. Una vez instalada configurar dos atributos:
        1. Host: Set the server host. string: localhost
        2. Port: Set the server port. number. usually between 3000 and 9999: puerto, en este caso 3000.
  3. Ir a la consola de Google y agregar http://localhost:3000 a los "Orígenes autorizados de JavaScript"
  4. En VSCode, en la esquina inferior derecha, clickear el botón Go Live.
  5. En instantes se abrirá en el navegador la página cargada en la url http://localhost:3000/index.html.

Uso

Importante: Si se detecta el queryParam clientId, se inicializará automáticamente el botón, y solo deberás iniciar sesión.

  1. Ingresar Google Client ID en el textbox.
  2. Inicializar el inicio de sesión mediante el botón "Initialize Google Login with Google Client ID" (El clientId se agregará a la url)
  3. Iniciar sesión en Google como en cualquier aplicación.
  4. Finalmente se podrá ver la información del usuario authenticado.
  5. Se puede copiar al portapapeles gracias al botón "Copy to clipboard".