- Ir a la consola de Google y agregar
https://nicoarbio.github.ioa los "Orígenes autorizados de JavaScript"
- Clonar repo
- Instalar extensión VSCode
- La página si es abierta como un archivo
.htmlno 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:3000a 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
clientIdse 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".