Autenticació OAuth 2.0 - Historial de revisió

Joan: /* Crear les credencials de Google */

2022-03-11T16:17:29Z

Crear les credencials de Google

Joan: /* Crear les credencials de Google */

2022-03-11T15:48:37Z

Crear les credencials de Google

Joan: /* Crear les credencials de Google */

2022-03-11T15:47:22Z

Crear les credencials de Google

Joan: /* Tasques a realitzar */

2022-03-11T15:43:44Z

Tasques a realitzar

Joan: /* Entrega */

2022-03-11T15:43:04Z

Entrega

Joan: /* Tasques a realitzar */

2022-03-11T15:42:03Z

Tasques a realitzar

Joan: /* versió 2: millora de la seguretat */

2022-03-11T15:29:17Z

versió 2: millora de la seguretat

Joan: /* versió 1 */

2022-03-11T15:27:59Z

versió 1

Joan: /* versió 1 */

2022-03-11T15:00:04Z

versió 1

Joan: /* Crear les credencials de Google */

2022-03-11T14:13:54Z

Crear les credencials de Google

← Versió més antiga		Revisió del 16:17, 11 març 2022
Línia 93:		Línia 93:

	=Crear les credencials de Google=		=Crear les credencials de Google=
		+	[[Fitxer:Oauth2 captures.png \| thumbnail \| captures de pantalla]]
	*https://developers.google.com/identity/protocols/oauth2/javascript-implicit-flow		*https://developers.google.com/identity/protocols/oauth2/javascript-implicit-flow

← Versió més antiga		Revisió del 15:48, 11 març 2022
Línia 144:		Línia 144:

	El ''secret'' no el necessitarem per a res. El ''client id'' és el que necessitem.		El ''secret'' no el necessitarem per a res. El ''client id'' és el que necessitem.
		+
		+	Un cop tenim les credencials, la informació per fer el client web amb l'autenticació OAuth està explicat aquí (d'aquí s'ha tret el codi):
		+	*https://developers.google.com/identity/sign-in/web/sign-in

	=Tasques a realitzar=		=Tasques a realitzar=

@@ Línia 93: / Línia 93: @@
 =Crear les credencials de Google=
-<pre>
+*https://developers.google.com/identity/protocols/oauth2/javascript-implicit-flow
-amb el compte de jquintana@jaumebalmes.net
-https://developers.google.com/identity/protocols/oauth2/javascript-implicit-flow
+Amb el teu compte de ''xxxxx@jaumebalmes.net'' entres a la consola de Google API:
 To enable an API for your project:
@@ Línia 101: / Línia 102: @@
 Open the API Library in the Google API Console.
-Projecte nou: login oauth2
+*Projecte nou: login oauth2
-Organització: jaumebalmes.net
+*Organització: jaumebalmes.net
-Ubicación: jaumebalmes.net?
+*Ubicación: jaumebalmes.net
 login oauth2 > Api y servicios > credenciales
 o bé
 Anem al Panel, Credenciales
 Primer hem d'anar a la pantalla de consentimiento:
 user type: Interno
 Solo está disponible para los usuarios de tu organización. No necesitarás enviar tu app para verificarla. Obtén más información sobre el tipo de usuario
+</pre>
-I ara omplim Información de la aplicación.
+I ara omplim ''Información'' de la aplicación.
 *nombre de la aplicación: exemple oauth
 *correo electrónico: jquintana@jaumebalmes.net
 *logotipo: 120x120px
 *página principal: http://localhost/M08/UF3/oauth2/index.html
-*política de privacidad: http://localhost/M08/UF3/oauth2/privacitat.html
+*política de privacidad: http://localhost/M08/UF3/oauth2/privacitat.html (no cal?)
-*condiciones de servicio:http://localhost/M08/UF3/oauth2/condicions.html
+*condiciones de servicio:http://localhost/M08/UF3/oauth2/condicions.html (no cal?)
-Agregar un dominio: no cal
+*Agregar un dominio: no cal
 I ara que ja hem fet la pantalla de Consentimiento, ja podem crear les credencials.
@@ Línia 127: / Línia 133: @@
 Crear credenciales > ID de clientes OAuth 2.0
-Tipo de aplicación: aplicación web
+*Tipo de aplicación: aplicación web
-Nombre: Cliente web 1 (ho deixem per defecte)
+*Nombre: Cliente web 1 (ho deixem per defecte)
-Origenes autorizados de Javascript: http://localhost
+*Origenes autorizados de Javascript: http://localhost (important)
-URI de redireccionamiento: no poso res
+*URI de redireccionamiento: no poso res
-client id: XXXXXX.apps.googleusercontent.com
+Finalment ja es genera el nostre token:
-secret: XXXXXXX
+*client id: XXXXXX.apps.googleusercontent.com
-</pre>
+*secret: XXXXXXX
 =Tasques a realitzar=

@@ Línia 138: / Línia 138: @@
 =Tasques a realitzar=
-*Posar la foto del teu usuari de Google: variable ''profile.getImageUrl()''
+'''1. ''' Posar la foto del teu usuari de Google: variable ''profile.getImageUrl()''
-*Implementar el sign ou/logout:
 En aquest enllaç trobaràs la informació de com fer el ''signout'':
-**https://developers.google.com/identity/sign-in/web/sign-in
+*https://developers.google.com/identity/sign-in/web/sign-in
-*Validar contra la base de dades: crearàs al mysql una petita taula:
+'''3.''' Validar contra la base de dades: crearàs al mysql una petita taula:
 <pre>
 USUARIS(id_usuari,nom,email,rol)

← Versió més antiga		Revisió del 15:43, 11 març 2022
Línia 152:		Línia 152:

	=Entrega=		=Entrega=
		+	Entrega dins del termini. A part d'enviar-ho al Classroom, ensenya al professor el resultat obtingut. Opcionalment pots fer un petit screencast (video de captura de la pantalla) mostrant la funcionalitat.

	{{Autor}}, març 2022		{{Autor}}, març 2022

@@ Línia 71: / Línia 71: @@
 	<meta charset="utf-8"></meta>
 	<script src="./js/pwd.js"></script>
-	<script src="./js/index_v2.js"></script>
+	<script src="./js/index.js"></script>
 	<script src="https://apis.google.com/js/platform.js" async defer></script>
 	<meta name="google-signin-client_id" content="">
@@ Línia 85: / Línia 85: @@
 </html>
 </pre>
-script ''js/index_v2.js'':
+El script ''js/index.js'' és el mateix.
 <pre>
-var googleUser; // The current user.
+const oauth2_keys = "XXXXXXXX.apps.googleusercontent.com";
 </pre>

@@ Línia 20: / Línia 20: @@
 	<title>OAuth2</title>
 	<meta charset="utf-8"></meta>
-	<script src="./js/index_v1.js"></script>
+	<script src="./js/index.js"></script>
 	<script src="https://apis.google.com/js/platform.js" async defer></script>
 	<meta name="google-signin-client_id" content="XXXXXXXXX.apps.googleusercontent.com">
@@ Línia 31: / Línia 31: @@
 </html>
 </pre>
-script ''js/index_v1.js'':
+script ''js/index.js'':
 <pre>
 var googleUser; // The current user.