- Ir a la consola de Google y agregar
https://nicoarbio.github.io
a los "Orígenes autorizados de JavaScript"
- Clonar repo
- Instalar extensión VSCode
- 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
.- Puede ser cualquier extensión pero recomiendo usar "Five Server" (En marketplace de VSCode con id
yandeu.five-server
). - Una vez instalada configurar dos atributos:
Host: Set the server host. string
: localhostPort: Set the server port. number. usually between 3000 and 9999
: puerto, en este caso 3000.
- Puede ser cualquier extensión pero recomiendo usar "Five Server" (En marketplace de VSCode con id
- La página si es abierta como un archivo
- Ir a la consola de Google y agregar
http://localhost:3000
a los "Orígenes autorizados de JavaScript" - En VSCode, en la esquina inferior derecha, clickear el botón
Go Live
. - En instantes se abrirá en el navegador la página cargada en la url
http://localhost:3000/index.html
.
Importante: Si se detecta el queryParam
clientId
, se inicializará automáticamente el botón, y solo deberás iniciar sesión.
- Ingresar Google Client ID en el textbox.
- Inicializar el inicio de sesión mediante el botón "Initialize Google Login with Google Client ID" (El
clientId
se agregará a la url) - Iniciar sesión en Google como en cualquier aplicación.
- Finalmente se podrá ver la información del usuario authenticado.
- Se puede copiar al portapapeles gracias al botón "Copy to clipboard".